私のRedux＆React JSXは、私のレンダリングの* outside *でもIF文を受け入れないのですか？

Question

初心者ここに - ブールtrueまたはfalseの代わりに、「ログイン済み」または「ログアウト済み」と言っているログインしたセクションを必死にしようとしています。

私はconsole.logを得ることができます（myLoginStatusは、小道具として渡されるステータスです）。これはうまくいきます。

そして、本当か偽かを示すH1タグを得ることができます（ここではコード化されていませんが）。

しかしmyLoginStatusがtrueであるならば、H1は空白を描いている「ログイン」を表示するように規定しifかternary文を取得するには...

注：/ else文を想定されていない場合 私が知っていますJSXで作業するには、私は Dev Nacho's blogの中でrender()の前に置くことでこれを得ることができますか？

誰でも私にポインタを与えることはできますか？値を比較する

レイアウト

export default class Layout extends React.Component { 

renderUserMessage() { 
    let myLoginStatus = this.props.loginStatus; 
    console.log('Login Status: ', myLoginStatus); 
    if (myLoginStatus = 'true') { 
    return (
     <div> 
     <h1>You are logged IN</h1> 
     </div> 
    ) 
    } else { 
    return (
     <div> 
     <h1>You are logged OUT</h1> 
     </div> 
    ) 
    } 
} 


    render() { 

    return (
     <div> 

     <h1>Login Status: {this.renderUserMessage()}</h1> 
     <button onClick={() => this.props.toggleLogin()}>CLICK ME</button> 

     </div> 
    ) 
    } 
} 

Answer 1

を使用して、2つの等号==：

おそらくif (myLoginStatus = 'true')if (myLoginStatus == 'true')か、単にif (myLoginStatus)すべきですか？