Maison > interface Web > js tutoriel > le corps du texte

Opération ternaire dans React.js

韦小宝
Libérer: 2018-03-14 10:01:24
original
2501 Les gens l'ont consulté

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";
}
Copier après la connexion
var Message = React.createClass({
    render:function(){
       return{               //三元运算要被包裹在花括号中。因为花括号不能写在return的第一层,所以必须要在外围嘛加一个p标签
           <p>
             {false?<h1 style={style}>齐天大圣</h1>}           </p>
       }
    }

})
Copier après la connexion

Application de l'instruction conditionnelle if

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

Opérateurs de comparaison

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal