如何使用 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>
关于javascript - JSX 中的条件渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50194823/