React Jsを使用した3次演算子Es 6

Question

ログインしていて、非表示にしたくない場合は、次の3項演算子を追加してボタンを表示しようとしています。以下は、私の間違いを投げつけ続けています。

<img src={this.state.photo} alt="" style="{isLoggedIn ? 'display:' : 'display:none'}" /> 

Answer 1

スタイル属性に指定するものは、オブジェクトである必要があります。 jsxでは中括弧の間にjsコードを書くので、そこにオブジェクトを挿入します。

すべてのCSSの小道具をキャリングする必要があります。 （フォントサイズ==>のfontSize）

<img 
    src={this.state.photo} 
    alt="" 
    style={ isLoggedIn ? { display:'block'} : {display : 'none'} } 
/> 

又は

<img 
    src={this.state.photo} 
    alt="" 
    style={ { display: isLoggedIn ? 'block' : 'none' } } 
/> 

Iは、第二のものを好むだろう。

Answer 2

style={isLoggedIn ? 'display:block' : 'display:none'} 

quotemarksを削除する - それは（isLoggedInがブールっぽいであると仮定して）、次に動作する必要があります。