如何使用 JSX 进行条件渲染?
例如,我在这里有一个 div,如果 props 的值为 null,我想在其中渲染文本“NO IDEA”,否则如果它不等于 null,则渲染 props。
例如:
<div>{ return this.props.date === null ? 'NO IDEA' : this.props.date }</div>
我尝试过这个,但没有成功。知道这里做错了什么吗?
提前致谢!
您可以简单地使用基于 this.props.date 的三元运算符,因此您不需要在此处返回
<div> {this.props.date === null ? 'NO IDEA' : this.props.date }</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)