reactjs - Apollo React subscribeToMore 不更新数据

Question

我遇到了一个问题，即特定的 subscribeToMore 函数没有正确更新查询数据。 subscribeToMore 函数正确接收新的订阅数据，但不更新查询。

updateQuery: (prev, { subscriptionData }) => {
     if (!subscriptionData.data) return prev;
     let tabFields = [subscriptionData.data.fieldCreated, ...prev.tabFields];
     return Object.assign({}, prev, {
        tabFields
     });
}

如果我使用 console.log prev 和 Object.assign 函数，我得到:

{tabFields: Array(x)} 和 {tabFields: Array(x+1)} 分别。这向我表明返回数据的格式是正确的。然而组件并没有被重新渲染，这样......

subscribeToNew(subscribeToMore);
console.log(data.tabFields);
return renderFields(data.tabFields); 

...订阅发生时不会重新呈现或记录。

此时我完全被难住了。我还有其他几个使用相同格式的订阅。他们工作得很好。返回响应与先前数据的格式匹配。

Answer 1

你在使用分页吗？

我有一个类似的问题是我从聊天中获取最后 20 条消息，然后尝试通过 websockets 更新。问题是我正在制作一个 20 项数组 => 21 项数组。

当我删除第一条消息并添加到数组的末尾(所以我保留了原来的长度)时，它开始工作了!