Conditional Rendering in JSX(JSX中的条件渲染)

本文介绍了JSX中的条件渲染的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何使用JSX进行条件呈现？

例如，我这里有div，如果道具的值为NULL，我希望呈现文本"不知道"，否则，如果道具的值不等于NULL，则呈现道具。

例如：

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

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

提前感谢！

推荐答案

您只需使用基于this.pros.date的三元运算符即可，因此不需要在此处返回

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

这篇关于JSX中的条件渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！