はどのように埋め込まれた条件を示さない

Question

私はオブジェクトが空かどうかをチェックする変数...

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

がどのように表現を埋め込んでJSXコードであることを示すことができるがありますか？

これは私が持っているものです。{if empty == false ? <p>Empty<p> : <p>not empty</p>}

どのように私はこのような何かを確認することができますか...？唯一の違いは、「ない」言葉なので、あなただけの

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

場合は注意する必要がありますに基づいてテキストを変更することができ、

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

のか：

Answer 1

あなたはこれを行うことができますJSXで中括弧を使用すると、それを囲むスパンタグが自動的に作成されることになります。

投稿した例で気付いたことは、「空の」段落に終了タグがないことです。あなたが持っていたとき<p>Empty<p>だったとき<p>Empty</p>