React条件渲染与列表渲染

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>
	);
}