将结果写入存储以供查询时出错.无法读取undefined的属性'query'

Ray*_*Ray 1 graphql react-apollo apollo-client

在突变后编写查询以存储时,我收到错误.突变起作用,我能够读取突变后的查询.当我将相同的查询写入商店缓存时,我得到以下错误:

index.js:2178 Error: Error writing result to store for query:
 query ($applicationId: Int) {
  vApplicationApprovalChainList(ApplicationId: $applicationId) {
    id
    approvalOrder
    approverId
    name
    applicationId
    __typename
  }
}

Cannot read property 'vApplicationApprovalChainList' of undefined
    at writeToStore.js:101
    at Array.forEach (<anonymous>)
    at writeSelectionSetToStore (writeToStore.js:97)
    at writeResultToStore (writeToStore.js:75)
    at InMemoryCache../node_modules/apollo-cache-inmemory/lib/inMemoryCache.js.InMemoryCache.write (inMemoryCache.js:99)
Run Code Online (Sandbox Code Playgroud)

这是我的代码..突变和store.readQuery工作,但store.writeQuery给出了上述错误.提前感谢您的任何反馈.

APPROVERSLIST_QUERY = gql`
query ($applicationId:Int){
 vApplicationApprovalChainList(ApplicationId:$applicationId){
  id
  approvalOrder
  approverId  
  name
  applicationId  

  }
}

`;


 handleClick() {
        const { row, mutate} = this.props;
        mutate({
            variables: {
                id: row.id
            },
            update: (store, { data: { deleteApprover } }) => {

                const newdata = store.readQuery({
                    query: APPROVERSLIST_QUERY,
                    variables: { applicationId: row.applicationId }
                });
                console.log(newdata);
                newdata.vApplicationApprovalChainList = newdata.vApplicationApprovalChainList.filter(approver => approver.id !== deleteApprover.id);
                store.writeQuery({
                    query: APPROVERSLIST_QUERY, newdata });
                }
        });



    }
Run Code Online (Sandbox Code Playgroud)

Dan*_*den 5

你没有将新数据传递给writeQuery.传递给的对象writeQuery必须具有名为data包含新数据的属性.此外,由于您的查询包含变量,因此您还需要包含该信息.

store.writeQuery({
  query: APPROVERSLIST_QUERY,
  data: newdata,
  variables: {
    applicationId: row.applicationId,
  },
});
Run Code Online (Sandbox Code Playgroud)

有关更多示例以及对这两种方法的更全面解释,请参阅官方文档.