REACT JSX - 链式条件

时间:2017-07-28 00:54:18

标签: javascript reactjs redux jsx create-react-app

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

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

我担心的是链式条件声明 - 这是否有效?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

是的,这很好,应该可以使用!