react-apollo - 为什么在 data.fetchMore 期间 data.loading 不会变为 true？

Question

内部渲染:

  console.log('render', User.length, loading, networkStatus)

当我打电话时 data.fetchMore两次，我得到:

render 100 false 7
render 200 false 7
render 300 false 7

而我期望:

render 100 false 7
render 100 true 1
render 200 false 7
render 200 true 1
render 300 false 7

在此示例中，它按预期工作( loading 变为真):

https://github.com/zeit/next.js/tree/v3-beta/examples/with-apollo

但不是在我的代码中:

https://out-bkathectgx.now.sh/

https://github.com/lorensr/graphql-leaderboard/tree/a331af803b36ee2d65c85795d747e6cf4c83ba27

文件:

https://github.com/lorensr/graphql-leaderboard/blob/a331af803b36ee2d65c85795d747e6cf4c83ba27/components/ReputationLeaderboard.js

docs: data.networkStatus

docs: data.loading

Answer 1

我遇到了同样的问题。原来你必须通过设置 notifyOnNetworkStatusChange 来选择加入至 true在您的选择中:

http://dev.apollodata.com/react/api-queries.html#graphql-config-options-notifyOnNetworkStatusChange

附言我还有一个使用旧版本 apollo-client 的问题和 react-apollo所以我不得不升级到最新版本(在撰写本文时 apollo-client@1.2.2 和 react-apollo@1.2.0 )，所以请确保您使用的是足够最新的版本，以便这些选项可用。