如果es6變量對象為空，如何顯示嵌入式條件

Question

我有一個變量，它將檢查對象是否為空...

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

如何顯示嵌入表達式的是jsx代碼？

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

我如何檢查這樣的東西...？

Answer 1

你可以這樣做：

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

或者，由於唯一的區別是“非”字，您可以根據if更改文本

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

您應該意識到，當在JSX中使用花括號時，它將自動創建一個環繞它的span標簽。

我在您發布的示例中注意到，“空”段缺少結束標記。 您本應為<p>Empty<p>時為<p>Empty</p>