javascript - React 组件中的拦截动作

我有一个使用 Redux 的 React 应用程序。

该应用程序在顶部显示一些计算的结果，在底部显示进入这些计算的一些成分。用户可以单击一个按钮，该按钮弹出一个模式，用户可以在其中添加这些成分之一。这将触发一个操作，在此期间它将新成分发送到后端，这将使这些计算具有不同的结果。

如您所料，我想要的是根据新数据从服务器刷新这些结果。计算非常复杂，因此无法在 UI 中复制计算。

当用户登陆页面时，有一个loadConstituents()方法会被调用。一旦服务器向用户确认已收到数据（通过操作）componentWillMount()，我基本上需要再次调用此方法。SAVE_SUCCESS

如何拦截组件中的操作？

或者，是否有更好的模式来实现这一目标？

我能想到的最好的事情是将loadConstituents()函数传递给模态，它将它传递给调用，一旦调用完成，它将执行它，但是通过这么多类作为参数传递一个函数似乎很hacky。

标签： javascriptreactjsredux