本篇文章是關於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中的三元運算講述的詳細內容。更多資訊請關注PHP中文網其他相關文章!