Apollo GraphQL 本地和全局错误处理

Apollo GraphQL local and global error handling

我在用 React 编写的 Web 应用程序中使用 Apollo 与 GraphQL 服务器进行交互。我正在尝试在应用程序中实现错误处理并依赖于 apollo-link-error

现在,我需要处理两类错误:

  1. 可以在执行 Apollo 查询或更改的组件中本地处理的错误,即我需要在其上显示上下文错误信息的无效表单字段
  2. 可以全局处理的错误,例如通过在页面某处显示显示错误详细信息的 toast 通知

显然,一旦错误在本地得到处理,我需要它而不是在全局范围内处理,因为在表单字段旁边显示错误消息没有多大意义 通过 toast 消息的一般错误。

我在尝试实现时遇到的第一个绊脚石是全局错误处理逻辑在之前触发本地错误处理逻辑,这使我无法拦截局部错误,然后找到一种方法来防止全局逻辑启动。

我创建了 codesandbox 示例,它以最简单的方式设置 ApolloClient,使用 http 和错误链接,并使用 react-apollo Query 组件查询资源不存在,产生错误。

我在 Query 组件的 onError 回调(因此是本地错误处理)和 apollo-link-error 处理程序(因此是全局错误处理)中处理错误, 并将错误打印到控制台。

这表明全局错误处理逻辑在本地错误处理之前启动。我需要它是相反的。

我已经发布了一个名为 react-apollo-network-status 的库,它正好处理这个用例。如果对你有用请告诉我!

opt-in/-out 本地处理某些错误的行为是通过在操作上设置上下文变量来实现的,该变量可以在错误 link.

中读取