Rumah  >  Artikel  >  hujung hadapan web  >  react.js中的三元运算讲述

react.js中的三元运算讲述

韦小宝
韦小宝asal
2018-03-14 10:01:242492semak imbas

本篇文章是关于react.js中的三元运算,对于react.js中的三元运算不熟悉或者是不了解的,我们可以一起来看看本篇文章!废话不那么多直接进入主题吧!

一.三元运算

//在js中定义一个style属性,可参见reactjs(一)
var style = {
   background-color:"green";
}
var Message = React.createClass({
    render:function(){
       return{               //三元运算要被包裹在花括号中。因为花括号不能写在return的第一层,所以必须要在外围嘛加一个p标签
           <p>
             {false?<h1 style={style}>齐天大圣</h1>}           </p>
       }
    }

})

if条件语句的应用

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

比较运算符

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

以上就是本篇文章的所有内容,希望大家对react.js中的三元运算不太了解的可要好好看看了!

相关推荐:

React.js之props

Atas ialah kandungan terperinci react.js中的三元运算讲述. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Git的常用短语Artikel seterusnya:class="no-js"是什么意思