この記事は、react.js の 三項演算 について説明しています。react.js の三項演算に慣れていない、または理解していない場合は、この記事を一緒に見てください。あまりナンセンスな話はやめて、早速本題に入りましょう!
1. 三項演算
//在js中定义一个style属性,可参见reactjs(一) var style = { background-color:"green"; }
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 の三項演算の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。