如何有条件地检查 JSX 表达式中的两个条件？答案

【问题标题】：How to condtionally check two condtions within a JSX expression?如何有条件地检查 JSX 表达式中的两个条件？
【发布时间】：2021-12-30 21:42:59
【问题描述】：

我正在尝试在 react.jsx 表达式中测试两个条件的有效性。但是，当我添加第二个表达式进行检查时，我没有得到预期的结果。而是将表达式的结果作为 0 或 1 值接收。

这是我当前的 JSX：

{expression1 && (
  <button>Click me!</button>
)}

这是我想要的，但是渲染不正确。

{expression1 & expression2  && (
  <button>Click me!</button>
)}

必须有适当的方法来解决此问题。我认为这是一个语法问题。

【问题讨论】：

【解决方案1】：

您似乎忘记了使用双与号运算符：

{expression1 && expression2 && (
  <button>Click me!</button>
)}

【讨论】：