我有一个变量可以检查对象是否为空...
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/