突变后的阿波罗客户端更新无法映射原始结果？

Question

因此，我基本上想在突变后更新我的UI，但这确实很痛苦，已经被卡住了几天。

我的某些组件依赖于我的根部查询，并映射结果。

每当我创建一个新资源并更新根部查询时，原始结果不再加载，这会导致can't read property map of undefined，因为结果不再存在。添加支票无能为力，它只会永远加载。

这是我的突变：

export const withCreateLink = graphql(createLink, {
// Mutate normally gets passed as prop to wrapped component
props({ownProps, mutate}) {
    return {
        // But for updating the store we're actually hijacking mutate to a custom function        
        createLink(url, description, group) {
            return mutate({
                variables: {
                    url,
                    description,
                    group
                },
                optimisticResponse: {
                    createLink: {
                        __typename: 'Link',
                        id: -1,
                        url,
                        description,
                        group: {
                            id: group
                        }
                    }
                },
                update: (proxy, mutationResult) => {
                    const query = getAllGroups;
                    const data = proxy.readQuery({query});
                    data.allGroups.forEach((groupData) => {
                        if(groupData.id == group)
                            groupData.links.push(mutationResult.data.createLink);
                    });
                    proxy.writeQuery({
                        query,
                        data
                    })
                }
            })
        }
    }
}
});

我只想仅通过刷新我的资源被添加到的组来更新我的UI。有人可以帮我吗？

Answer 1

转换dataidFromObject以检查打字机的功能：

dataIdFromObject: (result) => {
    if (result.id && result.__typename) {
        return result.__typename + ':' + result.id;
    }
    return null;
}

我想我不能只使用ID写信给我的缓存。这显然是默认的建议。