触发模态关闭按钮

【问题标题】：Trigger Modal Close button触发模态关闭按钮
【发布时间】：2021-04-05 22:16:11
【问题描述】：

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

在此处找到演示沙盒：Sandbox

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

注意关闭是指window.close()

【问题讨论】：

【解决方案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 的工作演示。

【讨论】：