有没有办法在 React JSX 中内联执行“if/else if/else”语句（也就是检查多个条件）？ [复制]答案

【问题标题】：Is there a way to do "if/else if/else" statements ( aka check multiple conditions ) inline in React JSX? [duplicate]有没有办法在 React JSX 中内联执行“if/else if/else”语句（也就是检查多个条件）？ [复制]
【发布时间】：2021-05-25 07:19:46
【问题描述】：

所以我知道，如果我只有一个条件要检查，我可以将 { condition ? results : elseresults } 放入 JSX 而不是

if (condition) {
  results
} else {
  elseresults
}

在普通的 Javascript 中。但是有没有办法检查多个条件，我会这样做

if (condition) {
} else if (condition 2) {
} else {
}

在普通的 JavaScript 中？

【问题讨论】：

标签： javascript reactjs if-statement jsx

【解决方案1】：

{ condition1 ? result1 : condition2 ? result2 : resultElse }

和普通的js一样：https://stackoverflow.com/a/55958241/12270342

【讨论】：

如果您真正要做的只是链接到 SO 上另一个已回答的帖子，也许您应该将其标记为重复。

【解决方案2】：

你可以这样做：

<>
    {condition && (jsx)}
    {condition2 && (jsx)}
</>

你可以做的其他事情是：

let jsx;
if (condition) {
    jsx = x
} else if (condition 2) {
    jsx = y
} else {
    jsx = z
}

<>{jsx}</>

或者你可以做嵌套三元组！

【讨论】：