1、根据条件判断,渲染函数返回不同的jsx对象,从而实现条件渲染。即
if(){
}else{}
2、根据变量渲染不同的内容。
3、与运算:与运算进行条件渲染,当前面的条件为真时,后面的内容显示出来;若前面的条件为假,那么内容都不显示。
4、三元运算符:条件判断?为真时显示的结果:为假时显示的结果
如:
{this.state.isLogin?<h1>登录状态</h1> : <h1>注册状态</h1>}
1、根据条件判断,渲染函数返回不同的jsx对象,从而实现条件渲染。即
if(){
}else{}
2、根据变量渲染不同的内容。
3、与运算:与运算进行条件渲染,当前面的条件为真时,后面的内容显示出来;若前面的条件为假,那么内容都不显示。
4、三元运算符:条件判断?为真时显示的结果:为假时显示的结果
如:
{this.state.isLogin?<h1>登录状态</h1> : <h1>注册状态</h1>}