Back to Hooks

Loading Delay

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

3.9.7843 B
Original Source

Loading Delay

通过设置 options.loadingDelay ,可以延迟 loading 变成 true 的时间,有效防止闪烁。

tsx
const { loading, data } = useRequest(getUsername, {
  loadingDelay: 300
});

return <div>{ loading ? 'Loading...' : data }</div>

例如上面的场景,假如 getUsername 在 300ms 内返回,则 loading 不会变成 true,避免了页面展示 Loading... 的情况。

你可以快速点击下面示例中的按钮以体验效果

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

API

参数说明类型默认值
loadingDelay设置 loading 变成 true 的延迟时间number0

备注

options.loadingDelay 支持动态变化。