Apollo 客户端：Upsert 突变仅在更新时修改缓存，但在创建时不修改

Question

我有一个在创建或更新时触发的 upsert 查询。在更新时，Apollo 会将结果整合到缓存中，但在创建时不会。

这里是查询：

export const UPSERT_NOTE_MUTATION = gql`
  mutation upsertNote($id: ID, $body: String) {
    upsertNote(id: $id, body: $body) {
      id
      body
    }
  }`

我的客户：

const graphqlClient = new ApolloClient({
  networkInterface,
  reduxRootSelector: 'apiStore',
  dataIdFromObject: ({ id }) => id
});

来自服务器的响应是相同的：id 和 body 都返回了，但 Apollo 不会自动将新 id 添加到 data 缓存对象中。

是否可以让 Apollo 自动将新对象添加到 data 而不会触发后续提取？

这是我的数据存储的样子：

更新

根据文档，updateQueries 函数应该允许我将新元素推送到我的资产列表中，而无需再次触发我的原始获取查询。

函数被执行，但函数返回的任何内容都被完全忽略，缓存没有被修改。

即使我这样做：

    updateQueries: {
      getUserAssets: (previousQueryResult, { mutationResult }) => {
        return {};
      }
    }

没有任何变化。

更新 #2

仍然无法更新我的资产列表。

在updateQueries 内部，这是我的previousQueryResult 的样子：

    updateQueries: {
      getUserAssets: (previousQueryResult, { mutationResult }) => {
        return {
          assets: []
            .concat(mutationResult.data.upsertAsset)
            .concat(previousQueryResult.assets)
        }
      }
    }

但是无论我返回什么，数据存储都不会刷新：

作为参考，下面是每个 asset 的样子：

Answer 1

您是否按照示例here 进行操作？ 我会像这样在 mutate 中编写 updateQueries：

updateQueries: {
  getUserAssets: (previousQueryResult, { mutationResult }) => {
    const newAsset = mutationResult.data.upsertAsset;
    return update(prev, {
      assets: {
        $unshift: [newAsset],
      },
    });
  },  
}

或者使用对象分配而不是从 immutability-helper 更新：

updateQueries: {
  getUserAssets: (previousQueryResult, { mutationResult }) => {
    const newAsset = mutationResult.data.upsertAsset;
    return Object.assign({}, prev, {assets: [...previousQueryResult.assets, newAsset]});
  },  
}

Answer 2

正如您在更新中所述，您需要使用updateQueries 来更新与此突变相关的查询。尽管您的问题没有说明要使用突变结果更新哪种查询，但我假设您有这样的事情：

query myMadeUpQuery {
  note {
    id 
    body
  }
}

它应该返回当前系统中的笔记列表以及每个笔记的 ID 和正文。使用updateQueries，您的回调接收查询结果（即有关新插入的注释的信息）和此查询的先前结果（即注释列表），并且您的回调必须返回应分配给的新结果上面的查询。

有关类似示例，请参阅here。本质上，如果没有给定示例使用的immutability-helper，您可以编写您的updateQueries 回调如下：

updateQueries: {
  myMadeUpQuery: (previousQueryResult, { mutationResult }) => {
    return {
      note: previousQueryResult.note(mutationResult.data.upsertNode),
    };
  }
}