React.js の三項演算

韦小宝
リリース: 2018-03-14 10:01:24
オリジナル
2534 人が閲覧しました

この記事は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート