sweertAlert2关闭onConfirm方法的弹出调用

时间:2019-04-11 11:19:51

标签: reactjs sweetalert2 cancel-button

我正在使用SweetAlert2来提醒用户。当我单击确认按钮时,行为与预期的一样,将进行删除关键字调用。

render: function() {
return(
<SweetAlert show={this.state.show} title="Context Processor"
                 text="Keyword deletion cannot be undone. Do you still want to continue?"
                onConfirm={this.deleteKeyword}
                showCloseButton={true}
                heightAuto={false}>
                </SweetAlert>
)},

deleteKeyword: function() {
        this.setState({show: false});
        this.props.deleteKeyword(this.state.keyword);
    },

但是,当我只是关闭警报框时,便会再次发出呼叫!我浏览了库提供的各种选项-https://github.com/kessejones/react-sweetalert2/blob/master/src/ReactSweetAlert2.js,但没有找到任何感兴趣的内容。 另外,添加了showCloseButton参数,但是当我再次单击它时,调用了delete关键字。 enter image description here

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我将方法更改为onConfirm={(e) => {this.deleteKeyword(e)}},e会告诉我该方法是否已确认或被取消。