Back

reactjs - jsx - 的条件渲染 ( if else) conditional rendering

发布时间: 2023-08-14 07:47:00

refer to:
https://react-cn.github.io/react/tips/if-else-in-JSX.html

https://legacy.reactjs.org/docs/conditional-rendering.html

总之就是:

1. 默认jsx 不支持if else 这样的语句,原理是: jsx仅仅是个语法糖,不是个严谨的编程语言

2. jsx中支持的是expression. 所以可以使用三元表达式

3. 对于复杂的逻辑,建议直接抽取个方法, 在这个独立的方法中进行逻辑处理,然后jsx直接渲染该方法即可。

例如:TODO

Back