Reactjs Apollo客户端状态-缺少使用writeData写入缓存的对象

我的React应用程序中的Apollo客户端状态有问题。我正在以以下方式创建客户端状态链接：

const stateLink = withClientState({
  cache,
  defaults: {
    simulation: {
      __typename: 'Simulation',
      configurationName: null,
      job: null,
      status: null,
      uuid: null,
    },
    pageTitle: null,
  },
  resolvers: {},
});

在某些时候，我必须清除应用程序中的缓存（注销后），这也会清除我的客户端状态。我正在以以下方式清除缓存：

client.resetStore()

其中客户端是通过使用Apollo HOC获得的。之后，我将尝试通过以下调用重新创建我的本地状态：

client.writeData({
  data: {
    pageTitle: 'test',
  },
});

client.writeData({
  data: {
    simulation: {
      __typename: 'Simulation',
      configurationName: null,
      job: null,
      status: null,
      uuid: null,
    },
  },
});

但它不起作用-缓存中只存储pageTitle，这会导致所有与客户端状态模拟相关的查询失败

清除前缓存：

{
  "data": {
    "$ROOT_QUERY.simulation": {
      "__typename": "Simulation",
      "configurationName": null,
      "job": null,
      "status": null,
      "uuid": null
    },
    "ROOT_QUERY": {
      "simulation": {
        "type": "id",
        "generated": true,
        "id": "$ROOT_QUERY.simulation",
        "typename": "Simulation"
      },
      "pageTitle": null
    }
  }
}

清除和恢复本地状态后的缓存：

{
  "data": {
    "ROOT_QUERY": {
      "pageTitle": null
    }
  }
}

除了第二次写入数据，我还尝试编写查询：

const SIMULATION_LOCAL_DATA_QUERY = gql`
  {
    simulation @client {
      configurationName
      job
      status
      uuid
    }
  }
`;

client.writeQuery({
  query: SIMULATION_LOCAL_DATA_QUERY,
  data: {
    simulation: {
      __typename: 'Simulation',
      configurationName: null,
      job: null,
      status: null,
      uuid: null,
    },
  },
});

---

但它也不起作用。谁能告诉我我做错了什么？谢谢

查看文档，建议在客户端注销后重置存储的方法是使用writeDefaults方法，您可以将其作为onRestStore方法上的回调注入：

const cache = new InMemoryCache();
const stateLink = withClientState({ cache, resolvers, defaults });

const client = new ApolloClient({
  cache,
  link: stateLink,
});

const unsubscribe = client.onResetStore(stateLink.writeDefaults);

这直接来自：

---

希望能有所帮助。

谢谢！这是可行的，但我认为我所介绍的使用writeData的手动方法也应该可行，不幸的是，我没有时间研究它。