javascript - 我可以在条件渲染中使用多个状态值 - ReactJs

Question

我想知道如何在条件渲染中使用两个基于状态的 bool 值。例如我想渲染某个 <div>如果其中一个条件为真，则为元素，否则不渲染它示例:

{
 this.state.visible && this.state.checked &&
 <div>
  ...
 </div>
}

为了显示我的错误消息，我使用了这个示例，但是 init 我有 .length对象的，因此很容易使用，例如:

 {
  this.state.ErrorMessage.length > 0 &&
 <p>Error 404</p>
 }

有人可以提醒我吗？我有点困惑。

Answer 1

您可以按照括号的方式进行操作，以检查两者是否正确:

{
    (this.state.visible && this.state.checked) &&  <div>...</div> 
}

如果您想要其中之一为真:

{
    (this.state.visible || this.state.checked) &&  <div>...</div> 
}