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

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