reactjs(二):三元运算

一.三元运算

//在js中定义一个style属性，可参见reactjs(一)var style = {   background-color:"green";}

var Message = React.createClass({    render:function(){       return{               //三元运算要被包裹在花括号中。因为花括号不能写在return的第一层，所以必须要在外围嘛加一个div标签           <div>             {false?<h1 style={style}>齐天大圣</h1>}           </div>       }    }})

if条件语句的应用

var Message = React.createClass({    render:function(){          if(true){               return(                <h1>孙悟空</h1>            )                };})

比较运算符

var Message = React.createClass({    render:function(){         return(         <div>            {                true  || <h1 style = {style}>孙悟空</h1>}         </div>)            };})