REACT JSX - 链式条件答案

【问题标题】：REACT JSX - Chained conditonsREACT JSX - 链式条件
【发布时间】：2018-01-03 22:00:45
【问题描述】：

以下代码对我有用，并给了我预期的结果，但我怀疑我是否做得对。

{
  Conditon1?<ChildComponent />:Condition2?<p>Hi</p>:<p>Bye</p>
}

我担心的是链式条件语句 - 这有效吗？

【问题讨论】：

这是一个有效的选项，但可能有点难以阅读。有很多关于conditional rendering in the React docs 的好文档。看看——他们介绍了几个选项，加上优缺点，基本上告诉您使用最适合您的用例的选项。
您可以使用括号对内部条件语句进行分组或提取返回语句之外的条件，这样您就可以使用基本的 if-else 模式并将标记保存在变量中。

【解决方案1】：

是的，您编写的代码语句非常好并且可以工作，但我更喜欢在编写嵌套条件时使用更好的缩进，以便阅读代码的其他人能够更好地理解。此外，当我有更多链式条件时，我更喜欢使用 if/else 而不是三元运算符。

【讨论】：

【解决方案2】：

是的，这很好，应该可以工作！

【讨论】：