sweetalert2-react onCancel not named

Question

我设置了showCancelButton和onCancel，当我单击取消按钮时，将调用onConfirm而不是onCancel回调函数。因此，确认和取消按钮都调用相同的功能。

这是针对使用create-react-app初始化的react应用，它依赖于sweetalert2-react版本“ ^ 0.8.1”

import React, { Component } from "react";
import SweetAlert from "sweetalert2-react";
class Test extends Component {
    state = {};
    render() {
        return (
            <SweetAlert
                show={true}
                showCancelButton={true}
                onConfirm={() => alert("confirm")}
                onCancel={() => alert("cancel")}
                text="Test"
            />
        );
    }
}

export default Test;

我总是得到警报“确认”，而从未“取消”，单击任一按钮

Answer 1

您可以尝试react-bootstrap-sweetalert npm软件包https://www.npmjs.com/package/react-bootstrap-sweetalert，onCancel函数可以正常工作。