react条件渲染

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达到条件渲染目的

posted @ 2020-03-23 09:40  无人问及  阅读(118)  评论(0编辑  收藏  举报