7

我有一个在创建或更新时触发的 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样子：

在此处输入图像描述

4

2 回答 2

1

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

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

或者使用对象分配而不是从不变性助手更新：

updateQueries: {
  getUserAssets: (previousQueryResult, { mutationResult }) => {
    const newAsset = mutationResult.data.upsertAsset;
    return Object.assign({}, prev, {assets: [...previousQueryResult.assets, newAsset]});
  },  
}
于 2017-01-26T13:45:09.470 回答
0

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

query myMadeUpQuery {
  note {
    id 
    body
  }
}

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

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

updateQueries: {
  myMadeUpQuery: (previousQueryResult, { mutationResult }) => {
    return {
      note: previousQueryResult.note(mutationResult.data.upsertNode),
    };
  }
}
于 2017-01-17T17:57:22.213 回答