表单成功后关闭模态Reactjs

Question

我里面有一个模态和表单，我想在表单成功后关闭模态。将handleClose赋予ForgotPasswordFormComponent是干净的吗？或者还有别的办法吗？

<StyledModal
open={openModal}
onClose={handleClose}
closeAfterTransition
slots={{ backdrop: StyledBackdrop }}
>
    <Box style={{
    width: 400,
    borderRadius: '12px',
    padding: '16px 32px 24px 32px',
    backgroundColor: 'white',
    boxShadow: `0px 2px 24px #383838`,
    }}>
        <ForgotPasswordFormComponent  />
    </Box>
</StyledModal>

Answer 1

正如评论中所建议的（最优化、可读和可扩展的选项），最好的选择是“是的，将函数作为 props 传递是 React 中处理子到父操作的常见方法。”

另一种选择（在这种情况下不推荐，这是一种有问题的方法，可能会导致不必要的渲染和开发团队的不满）是使用上下文。

如果问题是关于其他可能的选择，我相信我已经涵盖了。但本质上，在这种情况下你可以用任何方式写任何东西。