条件のレンダリングとレンダリングリストを反応させます

変数に配置され、レンダリングされるコンテンツは、本質的に条件付きレンダリングまたはレンダリングリストを反応させ、その後、出力変数をレンダリングします

レンダリング条件

三項演算子を使用、または条件文であればすることができます

render (){
	let info = this.props.status ? 
		<p>我是true</p>
	:
		<p>我是false</p>
	;
	return (
		<div>
			{info}
		</div>
	);
}

リストをレンダリング

ループは、通常のマップなどの機能を使用することができます

render(){
	let list = this.props.lists.map((list,index)=>{
		return (
			<li>list.name</li>
		);
	})
	return (
		<div>
			<ul>{list}</ul>
		</div>
	);
}