我正在尝试实现一些可以让我更轻松地操作一些模态(使用反应模态)的东西。我看到很多库以非常简单的方式处理模态,带有回调、承诺等……比如 vex 或 sweet alert
到目前为止,我还没有找到任何通过 react 以简单的方式执行此操作的方法。我看到很多解决方案需要编写模态减速器并在 componentWillReceiveProps 中拦截你想要的东西,但我觉得它有点重。
到目前为止,我到了这个
https://codesandbox.io/s/l24r14pxp7
我正在使用 hoc 在我的组件中传递数据和函数。我喜欢这种方法,因为所有的模态逻辑都可以留在同一个地方,并且作为 react-modal 使用的门户,它们是在相关组件中定义的。
但我觉得将函数直接存储在状态中有点“脏”。你觉得这个怎么样 ?我应该以不同的方式来做吗?