上手指南
Hooks 列表
后期规划
上手指南
Hooks 列表
后期规划
简体中文

useRequest

Tags:
ProUtilities
这个 Hook 自 v1.4.0 版本起可用。
这个 Hook 自v1.5.0版本起被标记为弃用。

一个基础的 React 钩子，用于数据获取，支持缓存、自动刷新以及许多其他强大功能。

这是 useQuery 的已弃用的版本，请使用 useQuery。

演示

源码

Immediate + Trigger by user + Dependencies

Data:
Loading...

Lifecycle + Refresh + Params + Mutate + Cancel

Data:
Not loaded
Params:
[]

Throttle + Debounce

Data with debounce:
Not loaded
Data with throttle:
Not loaded

ReFocus + ReConnect + AutoRefresh + Loading Slow

Data:
Initializing...

Error Retry + Cache (SWR)

Data:
Not loaded
Params:
[]
Data2:
Not loaded
Params2:
[]

用法

请查看 API。

源码

点击下方链接跳转 GitHub 查看源代码。

🪝 Hook🎨 Demo📄 Document

API

const { run, data, loading, refreshing, initializing, error, cancel, refresh, mutate, loadingSlow, ...pausable } = useRequest(fetcher, options)

更多详情请参考 useQuery。