Apollo 是如何聪明到知道什么时候合并,而不是添加?

How is Apollo clever enough to know when to merge, but not to add?

所以我在我的 React Apollo 应用程序上有一个表单,可以添加或更新用户。接收数据时,如果用户存在,Apollo 会知道它并且 merges/normalizes 数据正确。

如果不是,它什么都不做,我需要像这样手动附加它:

        const result = await this.props.upsertPersonMutation({
            variables: {
                ...this.state.fields,
            },
            update: (store, { data }) => {
                // somewhere in here I'll need to check if it's new or not
                const initDataQuery = store.readQuery({query: INIT_DATA});
                const { upsertPersonMutation } = data;

                initDataQuery.getInitData.user.people.push(upsertPersonMutation)
                store.writeQuery({query: INIT_DATA, data: initDataQuery})
            }
        }).then(response => {
            this.setState({
                isLoading: false
            });

            this.props.closeCallback();
        })

虽然我对它能够执行前者印象深刻,但为什么它不能将新条目附加到数组?我觉得如果它只解决了一半的问题,它可能会破坏目的,你知道吗?

发生这种情况是因为在执行突变后,apollo 客户端会检查 apollo 缓存中是否有任何具有相同标识符键的项目。如果有,它会自动更新。 Apollo 将这些更新称为 Automatic Cache Updates

如果缓存中没有匹配突变结果的内容,apollo 客户端将不会添加它。明确地使用突变来改变对象和查询来获取它们。使用 update 函数是通过突变添加它的方法。

默认情况下,标识符键为<__typename>:<id><__typename>:<_id>或访问对象的路径。阅读此 link 以了解有关 how Apollo normalizes the cache 的更多信息。