反應JSX - 鏈接條件

下面的代碼適用於我，並給了我預期的結果，但我懷疑如果我做對了。反應JSX - 鏈接條件

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

我擔心的是鏈式條件語句 - 這是否有效？

來源

2017-07-28 FE_Addict

這是一個有效的選項，但可能會有點難以閱讀。關於[React文檔中的條件渲染]有很多很好的文檔（https://facebook.github.io/react/docs/conditional-rendering.html）。看看它們 - 它們會經過幾個選項，再加上優點和缺點，並且基本上告訴你使用最適合你的用例的東西。 –

您可以使用括號將內部條件語句分組或將條件抽取到return語句之外，以便您可以使用基本的if-else模式並將標記保存在變量中。 –

是的，你寫的代碼語句非常好，可以工作，但我更喜歡在編寫嵌套條件時使用更好的縮進，以便讀取代碼的其他人可以更好地理解。而且，當我有更多的鏈條條件時，我更喜歡使用if/else而不是三元運算符。

來源

2017-07-28 07:09:28

是的，這是非常好的，應該工作！

來源

2017-07-28 00:56:33 Infamous911

反應JSX - 鏈接條件

回答

相關問題