javascript - JSX 中的条件渲染

标签 javascript reactjs jsx

如何使用 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/

相关文章:

javascript - 使用 jquery.rules 时表单验证不起作用

javascript - React-Router:为什么 <Link> 组件的 onClick 处理程序不会调度我的操作?

javascript - 在 map 循环中计数 jsx

javascript - React Native 进度 View iOS 不重新渲染

javascript - ember.js - 支持数字字段

javascript - 使用包含多个绑定(bind)的组件配置 ui-router

javascript - 通过检查条件从xml中获取属性值

node.js - 如何在特定环境中的开发机器上启动React App?

javascript - 在 React Router v6.+ 中渲染多个元素

javascript - 如何从输入组件中获取值(学习目的)?