如何顯示嵌入式條件，如果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> }) 

或者，因爲唯一的區別是「不」字，你可以只改變基礎上，如果

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

你應該知道文當你在JSX中使用花括號時，它會自動創建一個包圍它的span標籤。

我注意到您發佈的示例中「Empty」段落缺少結束標記。你有<p>Empty<p>時，它應該是<p>Empty</p>