JSX的条件渲染方式
2018-10-23 14:31
309 查看
1、根据条件判断，渲染函数返回不同的jsx对象，从而实现条件渲染。即
if(){
}else{}
2、根据变量渲染不同的内容。
3、与运算：与运算进行条件渲染，当前面的条件为真时，后面的内容显示出来；若前面的条件为假，那么内容都不显示。
4、三元运算符：
条件判断?为真时显示的结果：为假时显示的结果
如：
{this.state.isLogin?<h1>登录状态</h1> : <h1>注册状态</h1>}
阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- React教程(二)——jsx语法、条件渲染、列表渲染
- React条件渲染的方式
- React.js学习1——基础知识、JSX语法、组件、React State、React Props、React事件处理、React 条件渲染、条件渲染、React 组件 API
- react初探（一）之JSX、状态（state）管理、条件渲染、事件处理
- 【厚积薄发】技术分享连载（八十二）| 实现动态合批的条件| 渲染模块需关注的参数指标| 移动端上的阴影实现方式...
- iview render 表格中条件渲染数据
- 微信小程序七（模板条件列表渲染完成模拟公众号自动回复）
- Vue.js 学习6 条件渲染与列表渲染
- python 零散记录(五) import的几种方式 序列解包 条件和循环 强调getattr内建函数
- 各种动态渲染Element方式 的性能探究
- 前端面试集锦（二）特殊的判定ie浏览器方式-条件注释
- opengl 渲染方式在屏 离屏 CPU
- eclipse的异常断点和条件断点设置方式
- opengl 渲染四边形的方式
- SQL中以count或sum为条件的查询方式
- 在ABAP里实现条件断点的三种方式
- React.js 官网资料摘记：条件渲染
- vue.js实现条件渲染的实例代码
- dom4j用xpath方式来查找（包括多条件查询）
- 小程序 条件渲染