javascript - JSX 中的条件渲染

Question

如何使用 JSX 进行条件渲染？

例如，我在这里有 div，如果道具的值为 null，我想在其中呈现文本“NO IDEA”，否则如果道具不等于 null，则呈现道具。

例如：

<div>{ return this.props.date === null ? 'NO IDEA' : this.props.date }</div>

我试过这个，但没有成功。知道这里做错了什么吗？

提前致谢！

标签： javascriptreactjsjsx

Answer 1

您可以简单地使用基于 this.props.date 的三元运算符，因此您不需要在此处返回

<div> {this.props.date === null ? 'NO IDEA' : this.props.date }</div>