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

Question

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

这是我当前的 JSX：

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

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

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

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

Answer 1

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

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