JSX中的条件渲染 [英] Conditional Rendering in 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中的条件渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
