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

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

因此，如果我正在做class="something"或style="something"等。我遇到的问题是我不确定添加hidden属性时如何做条件运算。

例;

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

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

但是hidden属性实际上只是<p hidden>this text is hidden</p>。

如何将条件添加到呈现属性但没有值的JSX react组件中？

最佳答案

只需尝试：

<p hidden={!showAll}>

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

关于javascript - JSX使用条件语句添加无值的属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47285141/