javascript - JSX 使用条件语句添加没有值的属性

Question

因此，在 JSX 中，我知道如何在类名等或属性具有值的位置使用条件。

所以如果我这样做 class="something"或style="something"我遇到的问题是我不确定在添加 hidden 时如何执行条件属性。

示例；

  className={classNames({
    'hidden': true,
    'visible': props.showAll,
  })}

这将根据 showAll 的值添加一个类.

但是hidden属性实际上就是 <p hidden>this text is hidden</p> .

我如何在我的 JSX React 组件中添加一个条件来渲染属性但没有值？

Answer 1

只需尝试:

<p hidden={!showAll}>

没有值的属性hidden被视为true，因此您可以轻松传递 bool 值。