在React中单击以切换状态值

Question

我在用户点击按钮时显示某个div(实际上是图像)

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

当用户点击此图片时,我正在改变我希望显示为"真实"的div的状态

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

这是正常的.但是如果用户再次单击图像,我想将状态设置为"false".我怎样才能做到这一点？

Answer 1

您可以使用切换值

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