小编Mar*_*ell的帖子

这是我的两个文件。我试图用我自己的数据模拟这个沙箱的结果：https : //codesandbox.io/embed/stoic-haze-ispw2?codemirror=1

基本上我可以看到数据被获取并更新了缓存，但我的组件 ResourceSection 数据列表没有更新。

[更新] 根据反馈进行了一些重大更改。从组件中删除了查询，我创建了一个 skipLimitPagination 函数。查询有效，但我的缓存没有更新或将数据放入其中。

import React from "react";
import { BrowserRouter as Router } from "react-router-dom";
import "./App.css";
import { ApolloClient, InMemoryCache, ApolloProvider } from "@apollo/client";
import Home from "./screens";
import { skipLimitPagination } from './utils/utilities'

const client = new ApolloClient({
  uri: `https://graphql.contentful.com/content/v1/spaces/${process.env.REACT_APP_SPACE_ID}/?access_token=${process.env.REACT_APP_CDA_TOKEN}`,
  cache: new InMemoryCache({
   typePolicies: {
     Query: {
       fields: {
         resourceCollection: {items: skipLimitPagination()}
       }
     }
   }
  }),
});

function App() {
  return (
    <ApolloProvider client={client}>
      <Router>
        <Home />
      </Router>
    </ApolloProvider>
  ); …