所以在JSX中,我知道如何在类名等上使用条件,或者属性有值。
所以如果我正在做prompt=consent
或class="something"
等等。我遇到的问题是我不确定在添加style="something"
属性时我是如何做条件的。
实施例
hidden
这将根据 className={classNames({
'hidden': true,
'visible': props.showAll,
})}
的值添加一个类。
但showAll
属性实际上只是hidden
。
我如何在我的JSX反应组件中添加一个条件来呈现属性但没有值?
答案 0 :(得分:2)
只需尝试:
<p hidden={!showAll}>
没有值的属性hidden
被称为true
,因此您可以轻松传递布尔值。
答案 1 :(得分:0)
如果数据存在则显示否则不会在dom上附加p标签。所以试试这个
{this.props.showAll && <p>this.props.showAll</p>}