🔧 自定义Hooks

Hooks演示

展示各种实用的 自定义 Hooks 及其使用方法, 包括 useLocalStorage、useDebounce、useFetch

useLocalStorage

自动同步状态到本地存储

计数: 0
刷新页面数据仍然保持

useDebounce

防抖处理,延迟500ms更新

实时值:
防抖值:
停止输入500ms后防抖值才会更新

useToggle

布尔值状态切换管理

可见性: 隐藏
启用状态: 开启

useCounter

带限制的计数器 (0-20, 步长2)

10

useBreakpoint

响应式断点检测

当前断点:xs
SM: ✗
MD: ✗
LG: ✗
XL: ✗
调整浏览器窗口大小查看变化