javascript - Redux 工具包 thunk 操作通用错误处理程序

Question

我很喜欢 redux-toolkit，但我想知道是否有办法为任何被拒绝的 thunk 添加一个通用错误处理程序？就像浏览器有 unhandledrejection您可以收听的事件，我想向我的错误跟踪器报告任何被拒绝的 promise 。

Answer 1

听起来你想在每次 thunk 被拒绝时运行副作用(向服务器发送消息)。我建议看看 our new "listener middleware" for Redux Toolkit ，它特别允许您在分派(dispatch)某些操作时触发额外的逻辑。

监听器中间件目前是一个单独的 @rtk-incubator/action-listener-middleware 包，因为我们一直在迭代它的 API，但截至今天，API 已经稳定，我们计划不久将作为 RTK 1.8 的一部分正式发布。您现在可以在该包中使用它，并在该版本发布后立即切换为从 RTK 导入它。

它可能是这样的:

// app/listenerMiddleware.js
import { isRejected } from '@reduxjs/toolkit';
import { createListenerMiddleware } from '@rtk-incubator/action-listener-middleware';

const listenerMiddleware = createListenerMiddleware()

listenerMiddleware.startListening({
  matcher: isRejected,
  effect: async (action, listenerApi) => {
    // send a message to the server here containing info from the action
  },
})