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

时间:2017-11-14 11:51:41

标签: javascript html5 reactjs

所以在JSX中,我知道如何在类名等上使用条件,或者属性有值。

所以如果我正在做prompt=consentclass="something"等等。我遇到的问题是我不确定在添加style="something"属性时我是如何做条件的。

实施例

hidden

这将根据 className={classNames({ 'hidden': true, 'visible': props.showAll, })} 的值添加一个类。

showAll属性实际上只是hidden

我如何在我的JSX反应组件中添加一个条件来呈现属性但没有值?

2 个答案:

答案 0 :(得分:2)

只需尝试:

<p hidden={!showAll}>

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

答案 1 :(得分:0)

如果数据存在则显示否则不会在dom上附加p标签。所以试试这个

{this.props.showAll && <p>this.props.showAll</p>}