React如何条件加载组件

*使用react如何像vue和angular中那样使用v-if,ngIf呢?

答：由于react使用的是jsx，那么我们不应该在html标签中去添加东西判断是否显示，而是要根据条件判断是否要return要判断的html代码段，看代码：

render() {
    let codeArea = null;      //定义一个为null的变量，用于判断后赋值
    if (this.state.exampleCode) {  如果条件为真，变量codeArea就为要显示的代码段
      codeArea = <div className="codeView">
			        ...你的代码
			      </div>
    }
    return (
      <div className="win">
        <div>
        	...其他代码
        	{codeArea}              //插入codeArea代码段，如果条件为false，这里就不显示
        	...其他代码
        </div>
      </div>
    )
  }