Apollo GraphQL连接的React组件没有重新呈现

Question

• 在/Users处有一个react-apollo GraphQL连接的用户组件，它请求用户列表。
• 如果没有提供令牌，服务器将返回身份验证错误；该组件将 呈现到/login路由；成功登录后，login组件将保存令牌并重定向回来。
• Users组件包装器启动graphql请求并呈现“Loading...”同时。当graphql请求成功时，它将重新发送并显示用户，yay.
• 如果从该页注销，/Logout中的注销组件将丢弃该标记，然后重定向回来；Users组件的请求再次获得身份验证错误，并将您发送到'/login'。
• 再次成功登录后，您将被发送回'/users'；它再次向服务器启动graphql请求（并呈现“Loading...”），但这一次，当请求成功时，组件不会再次更新。

我可以看到graphql请求成功了（并在Chrome的调试器中观察到APOLLO_QUERY_RESULT操作由React-Apollo的reducer处理并更新存储中的状态）。

我试图找到React正在检查的地方，以查看组件的道具是否发生了变化，但我已经厌倦了React调试noob，以至于我还没有找到在web Inspector中找到代码的地方：也许我不明白React是如何打包用于分发的。

我已经构建了一个精简的示例:https://github.com/bryanstearns/apollo-auth-expersion，您可以在codesandbox:https://codesandbox.io/s/m4nlpp86j中看到它（您可能希望从https://m4nlp86j.codesandbox.io/的独立浏览器窗口访问正在运行的示例，因为沙箱编辑器使web调试扩展有点奇怪）。

Answer 1

要修复此行为，请修改graphql HOC以在选项中包含NotifyonNetworkStatusChange。

export const Users = graphql(usersQuery, { options: { notifyOnNetworkStatusChange: true } })(RawUsers);

我不认为您必须这样做--我认为data.loading应该准确地反映查询的状态，而不管该选项是否设置为true，这与data.networkstatus不同，但看起来这是一个已知的bug。

至于ResetStore--它实际上并不清除整个存储区，而是清除存储区并重新设置所有活动查询。如果你想摧毁你的商店，因为你已经集成Redux和Apollo了，最简单的事情就是创建一个动作来实现它。