如果es6变量对象为空，如何显示嵌入的条件

Question

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

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

如何通过嵌入表达式来显示jsx代码？

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

我如何检查这样的东西......？

Answer 1

你可以这样做：

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

或者，因为唯一的区别是'not'字，你可以根据if

更改文字

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

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

我在您发布的示例中注意到，“Empty”段落缺少结束标记。您应该<p>Empty<p>

时有<p>Empty</p>