SweetAlert2 没有出现答案

【问题标题】：SweetAlert2 not showing upSweetAlert2 没有出现
【发布时间】：2019-04-04 08:20:42
【问题描述】：

我在我的项目中使用 react-js。

const SweetAlert = require('react-sweetalert2');

const Updater = React.createClass({
<div style={{ padding: "20px" }}>
  <a onClick={() => this.deleteThisGoal()} className="btn btn-danger"> <i className="fa fa-trash" aria-hidden="true" />
    Delete Goal
  </a>
  {this.state.alert}
</div>

deleteThisGoal: function() {
  const getAlert = (
    <SweetAlert success title="Woot!">
      Hello world!
    </SweetAlert>
  );

  this.setState({
    alert: getAlert
  });
}
});

当我检查元素时，值被分配给this.state.alert，但是当我点击警报时，没有弹出窗口出现。

谁能指出我正确的方向？

我以Add Sweet Alert popup to button in React component 为例。

更新了我的答案：

const SweetAlert = require('react-sweetalert2');

const Updater = React.createClass({
render(
<div>
<div style={{ padding: '20px' }}> <a  onClick={this.deleteThisGoal}  className='btn btn-danger' > Delete Goal </a>
</div>
    {this.popup}
</div>
);
},

deleteThisGoal: function() {
  this.setState({
    show: true
  });
},

  popup: function(keyword) {
        return (
             <SweetAlert 
             show={this.state.show} title="Deleted goal" text="Goal was deleted!"
             onConfirm={() => this.setState({ show: false })}>
             </SweetAlert>
        );
    }

});

我仍然看不到任何警报。

【问题讨论】：

标签： reactjs popup alert sweetalert2

【解决方案1】：

我用const SweetAlert = require('react-sweetalert2').default;解决了这个问题

【讨论】：