盡管 ReactJS 中不滿足條件，但自定義模式仍在顯示？

Question

在我的登錄頁面上，我想在登錄嘗試失敗時顯示帶有圖片的模式。

在我的render()我有這個發揮：

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

我遇到的問題是，即使默認情況下 show=false，頁面加載時也會顯示圖片。 如何僅在 show=true 時才顯示圖片？

Answer 1

這樣做怎么樣：

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