Skip to content
On this page

useLoading 加载状态

Hidden Title

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

基础用法

说明

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

调用形式

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

参数说明

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

返回值

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

思云博智私有前端组件库