Skip to content
On this page

useLoading 加载状态 ​

Hidden Title ​

基础用法:const { loading, withLoading } = useLoading(false)

基础用法 ​

说明 ​

useLoading 用于管理异步请求、表单提交、弹窗确认等加载状态。相比手写 try/finally,withLoading 可以让代码更短,也不容易忘记关闭 loading。

调用形式 ​

ts
const { loading, setLoading, startLoading, stopLoading, withLoading } = useLoading(initialValue)
const { loading, setLoading, startLoading, stopLoading, withLoading } = useLoading(initialValue)

参数说明 ​

参数类型必填默认值说明
initialValueboolean否false初始加载状态。

返回值 ​

名称类型说明
loadingRef<boolean>当前加载状态。
setLoading(value: boolean) => void手动设置加载状态。
startLoading() => void开启加载。
stopLoading() => void关闭加载。
withLoading<T>(handler: () => T | Promise<T>) => Promise<T>包裹同步或异步任务,自动维护 loading。

思云博智私有前端组件库