React.js の三項演算

この記事は、react.js の 三項演算 について説明しています。react.js の三項演算に慣れていない、または理解していない場合は、この記事を一緒に見てください。あまりナンセンスな話はやめて、早速本題に入りましょう！

1. 三項演算

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

rreee

if条件文の応用

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>
            )    
            };
})

以上でreactの3つの要素を理解していただければ幸いです。 .js メタオペレーションについてあまり知らない人は、じっくり見てください。

関連する推奨事項:

React.js props

以上がReact.js の三項演算の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。