If - else if - else 反應原生 jsx 中的條件

Question

我目前正在理解 React Native 中 if - else if - else 語句的語法。 下面是我理解的一個簡單的 if - else 條件：

{variable === 0 ? (
    ...
): (
    ...
})

但是，當添加另一個條件來制作 if - else if - else 語句時，我遇到了問題。

{variable === 0 ? (
    ...
): {variable === 1 ? (
    ...
): (
    ...
})

如果有人能指出我的缺陷，我將不勝感激！

Answer 1

在第二種情況下，您不需要另一個大括號，並在最后交換括號。

這種格式可以幫助您更好地理解它：

{
  variable === 0 ?
    (...)
    :
    variable === 1 ?
      (...)
      :
      (...)
}

Answer 2

{變量 === 0？ (
...
): (
...
}) <<<----

現在你看到了我指出的最后一行。 您的括號順序錯誤。
正確的順序是

{變量 === 0？ (
...
): (
...
)}

注意最后一行中括號的順序。