react.js中的三元运算讲述

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

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

})

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

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