改變按鈕的的setState值每次點擊

我顯示了一定的div當用戶點擊一個按鈕（一個真正的圖像）改變按鈕的的setState值每次點擊

<img src={notification} className="search_bar_icons" onClick={this.props.open_notifications}/>

當用戶點擊這個圖片我改變的狀態div我想要顯示爲'真'

open_notification() { 
    this.setState({ 
     showNotification: true, 
    }); 
}

這是正常工作。但是，如果用戶再次單擊圖像，我想將狀態設置爲「假」。我怎樣才能做到這一點？

2017-03-01 CraZyDroiD

您可以切換與

this.setState({ showNotification: !this.state.showNotification, });

2017-03-01 10:28:10 Andrew

自己的價值，我認爲一個側面說明會默認狀態設置爲false。我知道@andrew提供的表達式仍然可以工作，但我認爲正確設置默認狀態會使它更易於讀取/維護。只是我的0.02美元 – Marqueone

回答