为什么在 React 中的 Apollo Client 中显示错误未显示

如何解决为什么在 React 中的 Apollo Client 中显示错误未显示

我需要显示来自 apollo 的错误。我想知道为什么如果我 console.log 它，它说 Error: undefined at new ApolloError

const {
  error,loading,refetch,data: { findOrders: { orders } = {} } = {},} = useQuery(FIND_ORDERS,{
  notifyOnNetworkStatusChange: true,fetchPolicy: "no-cache",variables: {
    fromDate: "date here",toDate: "date here",},});

if (error) {
  console.error(error);
  return <div>Error!</div>;
}

解决方法

试试 useEffect 钩子

useEffect(() => {
  if (error) {
    console.error(error);
    return <div>Error!</div>;
  }
},[error])

在您的示例中，检查 error 不起作用，因为对象 error 尚未准备好。