如何在 React 组件中放置多个条件？

Question

在 React 中，我可以有条件地渲染任何 div，例如：

{hasContent &&
   <span>{value}</span>
}

我正在尝试设置两个这样的条件：

{hasContent || hasDesc &&
   <span>{value}</span>
}

但它不起作用。

如果有hasContent 或hasDesc，我想渲染span。

我该怎么做？

Answer 1

这只是运算符优先级：&& 优先于 ||。只需使用括号以您想要的方式处理它：

{(hasContent || hasDesc) &&
   <span>{value}</span>
}