在 redux store 更新后立即执行自定义回调

Posted

技术标签:

【中文标题】在 redux store 更新后立即执行自定义回调【英文标题】:execute custom callbacks immediately after redux store update 【发布时间】:2020-09-11 19:46:31 【问题描述】:

如何在 redux 存储更新后立即执行通过 react comp 传递给操作的自定义回调。 这个想法是说,我从 react 触发一个动作,它将通过 thunk 发出网络请求并用数据分派动作。这将导致reducer 更新存储。现在,在此之后,我想立即重定向到另一个页面 (history.push()),这是一个回调。

使用saga中间件要容易得多,但是如何使用thunk实现类似的功能。

【问题讨论】:

【参考方案1】:

您可以将组件中定义的回调传递给 thunk,并在商店更新完成后调用它。像这样:

function someThunkAction(callback) 
  return (dispatch, getState) => 
    // Update store logic...
    // After update
    callback();
  ;

【讨论】:

以上是关于在 redux store 更新后立即执行自定义回调的主要内容,如果未能解决你的问题,请参考以下文章

调度后立即反应 Redux Store 值

从 Redux Store 更新后 React 组件无法重新渲染

redux创建store,处理更新数据

如何使用 React hooks 和 Redux 从 useEffect 执行 store.unsubscribe

如何在 Redux 中更新状态后触发回调?

redux