本篇文章是关于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中的三元运算讲述的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号