在React中单击以切换状态值

Question

我在用户点击按钮（实际上是图片）时显示某个div

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

当用户点击此图片时，我将要显示的div的状态更改为＆＃39; true＆＃39;

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

这是正常的。但是如果用户再次点击图像，我想将状态设置为“假”。我怎么能这样做？

Answer 1

您可以使用

切换值

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