javascript - 如果 es6 变量对象为空,如何显示嵌入条件

标签 javascript reactjs

我有一个变量可以检查对象是否为空...

const objEmpty = _.isEmpty(objStudent); // returns false because its not empty

如何表明嵌入表达式是 jsx 代码?

这就是我所拥有的:{if empty == false ? <p>Empty<p> : <p>not empty</p>}

我怎样才能检查这样的东西......?

最佳答案

你可以这样做:

(<div>{ empty === false ? <p>Empty</p> : <p>Not Empty</p> })

或者,由于唯一的区别是“not”一词,您可以根据 if 更改文本

(<p>{ (empty === false ? '' : 'Not') + ' Empty' }</p>)

您应该知道,当您在 JSX 中使用花括号时,它会自动创建一个包围它的 span 标记。

我注意到在您发布的示例中,“空”段落缺少结束标记。你有<p>Empty<p>当它应该是<p>Empty</p>

关于javascript - 如果 es6 变量对象为空,如何显示嵌入条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37330826/

相关文章:

java - 使用 f :event postAddToView 在页面加载后调用 JSF Managed Bean

javascript - 以下代码是否等待 forEach 完成

javascript - 用 Javascript 替换所有内容

javascript - React Native - Firestore : Possible Unhandled Promise Rejection Can't find variable atob

javascript - 如何在 React 组件中处理 script.src URL 回调?

reactjs - Redux router - 刷新后如何重放状态?

javascript - jQuery 覆盖表 td 值中的超链接

javascript - 使用ajax发送表单数据而php不显示回显数据

reactjs - 使用 Ancestor 响应提升状态

javascript - npm run build 时显示错误