在 React 中取消之前的待处理请求（带有 useQuery 的 Apollo 客户端）

Question

我在搜索页面上有搜索框，因此当输入“继续”时，它会为每种类型发送多个请求。我使用去抖来处理这个问题，所以我的请求减少了，但现在我需要取消待处理的请求，并且只有最新的请求应该在那里

我尝试了一些方法，但它对我不起作用。

Apollo 客户端版本 - 3.3.21 React 版本 - 17.0.2 React-dom 版本 - 17.0.2 Node -16

我尝试过的方法

• Middleware 取消请求.ts。

• Watchquery和queryDeduplication: false

Answer 1

您可以使用 此处描述的类似技术对查询本身实现去抖。我用它来取消页面之间“过度热心”导航的情况下的页面获取。奇迹般有效。