我正在尝试实现一些应该允许我更容易操作某些模态（使用react-modal）的东西。我看到很多库以非常简单的方式处理模态，有回调，承诺等......比如vex或sweet alert
到目前为止，我没有找到任何方法以反应的简单方式做到这一点。我看到很多解决方案需要编写一个模态缩减器并在componentWillReceiveProps中拦截你想要的东西，但我觉得它有点沉重。
到目前为止，我已经到了这个
https://codesandbox.io/s/l24r14pxp7
我正在使用a hoc来传递组件内的数据和函数。我喜欢这种方法，因为所有模态逻辑都可以保持在同一个位置，而作为反应模式使用门户，它们是在相关组件中定义的。
但我觉得将函数直接存储在状态中有点“脏”。你觉得这个怎么样 ？我应该以不同的方式做这件事吗？