Back to Hooks

屏幕聚焦重新请求

packages/hooks/src/useRequest/doc/refreshOnWindowFocus/refreshOnWindowFocus.zh-CN.md

3.9.71.1 KB
Original Source

屏幕聚焦重新请求

通过设置 options.refreshOnWindowFocus,在浏览器窗口 refocusrevisible 时,会重新发起请求。

tsx
const { data } = useRequest(getUsername, {
  refreshOnWindowFocus: true,
});

你可以点击浏览器外部,再点击当前页面来体验效果(或者隐藏当前页面,重新展示),如果和上一次请求间隔大于 5000ms,则会重新请求一次。

<code src="./demo/refreshOnWindowFocus.tsx" />

API

Options

参数说明类型默认值
refreshOnWindowFocus在屏幕重新获取焦点或重新显示时,重新发起请求booleanfalse
focusTimespan重新请求间隔,单位为毫秒number5000

备注

  • options.refreshOnWindowFocusoptions.focusTimespan 支持动态变化。
  • 监听的浏览器事件为 visibilitychangefocus