触发模态关闭按钮

Question

我需要一些执行 onHide 事件函数的帮助，当单击 Modal 组件内的关闭按钮时，该函数会将显示状态设置为 false。

在此处找到的演示沙箱：Sandbox

我暂时绕过了submitHandler，仅用于调试模态，第71行将在正常情况下触发模态

请注意关闭意味着 window.close()

Answer 1

首先，您必须为模态框的 关闭 按钮添加一个新的回调（例如：buttonClose）。

<Button
    variant="secondary"
    {...props}
    onClick={() => props.buttonClose()}
    className="text-center"
>
Close
</Button>

并从您的 Step 组件调用它。

<SuccessModal
    ref={props.superModalElement}
    show={show}
    onHide={handleClose}
    buttonClose={handleClose}
/>

在 CodeSandbox 进行演示。