Apollo UseQuery并不总是触发功能组件的重新渲染

Question

这是我的功能组件，使用useQuery来自@apollo/client：

function MyComponent(props) {
  const { data } = useQuery<MarketScannerSearchProps>(
    MARKET_SCANNER_SEARCH_PROPS_QUERY,
    {
      onCompleted: (data) => {
        console.log("completed", data)
      },
    }
  )
  console.log("data", data)

  // ... rest of function + return rendered result
}

我在控制台中获得此功能：

data undefined
data undefined

completed {marketScannerSearchProps: {…}}

为什么没有data {MarketScannerSearchProps： {…}}最后？

这并不总是可再现的，只发生一次我的应用程序每5个重新加载一次。这就是它工作时的外观：

data undefined
data {marketScannerSearchProps: {…}}
completed {marketScannerSearchProps: {…}}

因此，将组件的第二次渲染到其中，但并非总是如此，如果数据不在第二播放的情况下，则它将永远不会更新它。

查询完成后，Apollo不应该每次触发重新渲染吗？我在这里想念什么？

编辑：我认为这个问题现在可能已经消失了。我关闭并打开了几次Chrome Dev工具，现在似乎已经消失了。难道是阿波罗客户端缓存搞砸了吗？

Answer 1

我有同样的问题。

这是React Dev工具的一个问题（我已经尝试了逐步删除各种镀铬扩展，并一直发现React Dev工具是罪魁祸首）。 目前最好的解决方案是禁用React Dev工具扩展，关闭Chrome Dev工具，重新加载页面，然后所有内容都可以使用。，

因为这是React Dev Tools的问题，我'll在其存储库中创建一个github问题，并使用指向它的链接更新此答案，以便将来任何人都可以找到它。