反应 |虚拟 DOM 模态未显示

Question

我的项目使用React JS 和Ant Design。

问题

我正在创建虚拟 DOM 元素。它有Popover，其中有Button，然后单击显示Modal。

显示错误Cannot read property 'setState' of undefined

JS 代码

content = (
  <div className="RecurringPopover"> 
    <button onClick={this.showModal}> Show Modal </button> 
  </div>
);

StackBlitz上的完整代码

Answer 1

您需要将方法绑定到正确的范围：

content = (
  <div className="RecurringPopover"> 
    <button onClick={this.showModal.bind(this)}> Show Modal </button> 
  </div>
);

Answer 2

添加你的构造函数

 constructor(props) {
    super(props);
    this.showModal = this.showModal.bind(this)
    this.state = {
        // hereyour state
    };
}

或

onClick={this.showModal.bind(this)}

要关闭或打开模式，您可以这样做

 showModal() {
    this.setState({
        modal: !this.state.modal
    });
}