05-JSX条件渲染

网页大神经
56 阅读1分钟

react条件渲染，使用和普通js代码一致，使用if(vue: v-if/v-show)

根据条件，给变量赋值，变量在render中使用

image.png

三元运算，适合简单内容展示

image.png

image.png

逻辑与

适合依赖接口返回的值作渲染的场景，接口没返回不展示，有返回再展示

image.png

image.png

第一次写遇到的问题，后续会来解决：

  • 问题一：内容中不能通过剪头函数调用返回jsx结果，报错为unvalid react child，但是可以用隐式和显示调用

image.png

image.png

  • 问题二：借助的渲染变量必须是render作用域声明的局部变量，且注意图中注释几点

image.png

avatar
文章
阅读
粉丝