React-Apollo使用react本机处理错误

Question

我正在使用react-apollo构建一个react原生应用程序。我无法处理graphql错误。我试过一些方法，但不起作用。如何捕获graphql错误？这是我的代码；

export default compose(
  graphql(UpdateCounter, {
    options: {
      fetchPolicy: 'cache-and-network'
    },
    props: (props) => ({
      appSyncUpdateCounter: (post) => {
        props.mutate({
          variables: post,
          optimisticResponse: () => console.log('...'),
          update: (cache, mutationResult) => {
            console.log(JSON.stringify(mutationResult, null, 2));
            if (mutationResult.data.updateCounter) {
              console.log(mutationResult.data.updateCounter);
            }
          },
        }).catch((e) => { console.log(e.graphQLErrors); });
      }
    }),
  }),
)(Counter);

Answer 1

由于您包装的是计数器组件，因此它需要调用并捕获该承诺。此外，我将使用react-apollos新的突变组件，并简单地将其包装在<ErrorBoundary />中。它将取代对上述代码的需求。