更新阿波罗客户端上的缓存

Question

我正在为Chrome使用阿波罗开发工具，我似乎无法理解如何更新缓存。

1. 每次查询后缓存都是相同的，即使它呈现的是正确的数据。
2. 我正在开发一个CRUD应用程序，并在删除页面上显示在服务器上所做的更改。在执行删除DB中的项的突变之后，我还想从缓存中删除该项。 //诱变const DELETE_ELEMENT_MUTATION = gqlmutation DELETE\_ELEMENT\_MUTATION($id: String!) { deleteElement(id: $id) }；//更新缓存更新=(缓存，有效负载) => { const data = cache.readQuery({query: queryAllElements})；const结果=data.allElements.filter(元素=> { const elementId = script._id；const compareId = JSON.parse(payload.data.deleteElement).id；返回elementId !== compareId；}；)< mutation={DELETE_ELEMENT_MUTATION} variables={id:id} update={this.update} > {(deleteElement) => (<图标onClick={() => { deleteElement()；}} /> )} }

更新后，缓存将不更新。

编辑:更改

cache.writeQuery({query: getAllElements, data: result}); 
// to 
cache.writeQuery({query: queryAllElements, data: result});

Answer 1

我解决了问题。结果发现我更新了缓存中的错误密钥。

解决方案