1 if判断,满足条件才渲染
1 if(x < 2) return <div>页面</div> 2 return null ;
2 三元运算符
1 return ( 2 <div> 3 { x <2 4 ? <ItemEdit item={item} /> 5 : <ItemView item={item}> 6 } 7 </div> 8 );
3 class切换,通过切换classname达到条件渲染目的
1 if判断,满足条件才渲染
1 if(x < 2) return <div>页面</div> 2 return null ;
2 三元运算符
1 return ( 2 <div> 3 { x <2 4 ? <ItemEdit item={item} /> 5 : <ItemView item={item}> 6 } 7 </div> 8 );
3 class切换,通过切换classname达到条件渲染目的