Update 05 Feb 2024

Question

我正在使用Reux工具包和RTK Query,管理APIC电话和我康复申请中的各州。

对于一名特定亚特兰大的人,我试图用短的投票来缓解实时的最新情况影响,并用AAP减员中定义的APICA,

  const { data, error, isLoading } = useGetAPIQuery(
    {},
    { pollingInterval: 5000 }
  );

然而,我希望当用户离开窗户时,即停止短投票,例如把有重点的制片改成另一表,一旦窗户再次集中,重新验证数据。

是否可以通过RTK查询?

Similiar问题还作为问题在上公布。

Answer 1

RTK版本2.1.0现在有一个内在的<代码>skipPollingIf Un Focus方案。

The Example copied from the docs:

import * as React from  react 
import { useGetPokemonByNameQuery } from  ./services/pokemon 

export const Pokemon = ({ name }: { name: string }) => {
  // Automatically refetch every 3s unless the window is out of focus
  const { data, status, error, refetch } = useGetPokemonByNameQuery(name, {
    pollingInterval: 3000,
    skipPollingIfUnfocused: true,
  })

  return <div>{data}</div>
}

发布说明。

Docs/a>

Answer 2

您可以使用<代码>-即使用-window-focus等一揽子办法检测重点。

  const windowFocused = useWindowFocus();
  const { data, error, isLoading } = useGetAPIQuery(
    {},
    { pollingInterval: windowFocused  ? 5000 : false }
  );

Answer 3

Update 05 Feb 2024

RTK quer增加了一个新的选择,即skipPollingIf Un Focus,参见更新使用的答复

Original answer (outdated)

我在

我们可以使用一个 h来检查窗口是否处于重点,例如-use-window-focuslibrary 。

然后将这种ool子带入skip的选项,该网页将自动和立即重新贴上窗户重心

  const { data, error, isLoading } = useGetAPIQuery(
    {},
    { pollingInterval: 5000, skip: isWindowFocused }
  );

Update 05 Feb 2024

Original answer (outdated)

友情链接