码迷,mamicode.com
首页 > 其他好文 > 详细

React 4 - 条件渲染

时间:2019-12-30 14:21:08      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:ssi   expr   示例   方法   react   text   exp   条件   info   

  •   if 或者条件运算符 来 创建元素

技术图片

 

  • 元素变量

技术图片

 

 

  • 与运算符 &&

技术图片

 

 

JavaScript 中,true && expression 总是会返回 expression, 而 false && expression 总是会返回 false

因此,如果条件是 true&& 右侧的元素就会被渲染,如果是 false,React 会忽略并跳过它。

 

  •  三目运算符

技术图片

 

 

 

  • 阻止组件渲染

技术图片 

在组件的 render 方法中返回 null 并不会影响组件的生命周期。例如,上面这个示例中,componentDidUpdate 依然会被调用

 

 

 

 

 

 

React 4 - 条件渲染

标签:ssi   expr   示例   方法   react   text   exp   条件   info   

原文地址:https://www.cnblogs.com/crdanding/p/12119398.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!