儘管在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> 
)}