一.三元运算
//在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>
)
};
})