React条件渲染
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React条件渲染相关的知识，希望对你有一定的参考价值。
参考技术A 条件渲染根据博客 8 React conditional rendering methods 有8种写法。
茴香豆的茴虽然没啥用，但是也可以权当思维拓展。
值得一提的是，条件渲染每次条件改变时，渲染的内容都会被卸载，重新安装新的条件内容。
组件级 ，新建一个子组件，父组件对条件判断无感，需要隐藏直接return null
变量级 ，新建一个变量包含条件判断，渲染变量到jsx中。
行级 ，新建一行运算符，直接写到jsx中，如果条件简单最为方便，不需要新建任何元素。但是嵌套条件下阅读困难。
相似的还有 && 写法，如果另一条件返回null可以使用
函数级 ，不多赘述
外援级 ，做一个条件渲染组件 IF 代替 js 函数的 if ：
这个组件实现也很简单
外援级 ，高阶组件，返回一个新组件的函数，并且接收一个组件作为参数。那么我们就能在高阶组件里写条件语句，返回不同的组件即可：
以上是关于React条件渲染的主要内容，如果未能解决你的问题，请参考以下文章