react进行条件渲染或列表渲染,实质上是将需要渲染的内容放置于变量中,然后再render中输出变量即可
条件渲染
可以使用三目运算符,或者if条件句
render (){
let info = this.props.status ?
<p>我是true</p>
:
<p>我是false</p>
;
return (
<div>
{info}
</div>
);
}
列表渲染
可以使用普通的循环语句或者map等函数
render(){
let list = this.props.lists.map((list,index)=>{
return (
<li>list.name</li>
);
})
return (
<div>
<ul>{list}</ul>
</div>
);
}