Opération ternaire dans React.js

Cet article concerne l'opération ternaire dans réagir.js. Si vous n'êtes pas familier ou ne comprenez pas l'opération ternaire dans réaction.js, nous pouvons jeter un œil à cet article ensemble ! Sans trop de bêtises, passons directement au sujet !

1.Opération ternaire

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

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

})

Application de l'instruction conditionnelle if

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

Opérateurs de comparaison

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

Ce qui précède est tout le contenu de cet article. J'espère que tous ceux qui ne savent pas grand-chose sur l'opération ternaire dans React.js le prendront. regarde-le bien.

Recommandations associées :

Accessoires React.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!