ReactJSで条件が満たされていないにもかかわらず、カスタムモーダルが表示されていますか？

Question

私のログインページで、ログイン試行に失敗したときに画像付きのモーダルを表示したい。私render()で

私はこれ発揮を持っている：私がいる

<ToggleDisplay show={this.state.failedLogin} tag="section"> 
    <Lightbox show={this.state.failedLogin} mainSrc={pic} hideOnOverlayClicked 
    </Lightbox> 
</ToggleDisplay> 

問題は、ページがでも、デフォルトではfalseショー=かかわらず、ロードされたときに画像が表示されています。 show = trueの場合にのみ画像を表示するにはどうすればよいですか？

Answer 1

どのようにこのようにすることについて：

{ this.state.failedLogin && (
<ToggleDisplay tag="section"> 
    <Lightbox show={this.state.failedLogin} mainSrc={pic} 
    hideOnOverlayClicked 
    </Lightbox> 
</ToggleDisplay> 
)}