如何使用带 ErrorBoundary 的 RTK 查询

Question

是否有一些使用 ErrorBoundary 的示例？

这是我能想到的：

const { isError: isGetAError, error: getAError } = useGetAQuery()
if (isGetAError) {
  throw getAError
}
const { isError: isGetBError, error: getBError } = useGetBQuery()
if (isGetBError) {
  throw getBError
}

Answer 1

这可能是实现它的方式，或者您使用自己的编写挂钩的方式创建自己的 throwingHooks 模块 - 这些是可插入模块。

这里是 /query/react 模块的代码：https://github.com/reduxjs/redux-toolkit/tree/master/packages/toolkit/src/query/react

如何使用带 ErrorBoundary 的 RTK 查询

How to use RTK Query with ErrorBoundary

redux-toolkit

rtk-query