Rc-hooks NPM | npm.io

rc-hooks

GitHub

React Hooks Library.

npm install rc-hooks

yarn add rc-hooks

pnpm add rc-hooks

import { useAsync } from 'rc-hooks';

Async
- useAsync - 管理异步函数
- useLoadMore - 管理加载更多
- usePagination - 管理分页
SideEffect
- useDebounce - 用来处理防抖值
- useDebounceFn - 用来处理防抖函数
- useThrottle - 用来处理节流值
- useThrottleFn - 用来处理节流函数
State
- useLatest - 返回最新的 state 或 props
- useLimitList - 管理列表展示数量
- useSetState - 管理 object 类型 state ，和 class 组件的 this.setState 基本一致
- usePrevious - 返回上一次的 state 或 props
- useSafeState - 安全状态，组件卸载后 setState 不再执行
LifeCycle
- useMount - 只在组件 mount 时执行
- useMountedRef - 用于异步回调或 dom 操作中判断当前组件是否装载
- useUpdate - 强制组件重新渲染
- useUnmount - 只在组件 unmount 时执行
- useUnmountedRef - 用于判断当前组件是否卸载
- useUpdateEffect - 只在依赖更新时执行的 useEffect
- useUpdateLayoutEffect - 只在依赖更新时执行的 useLayoutEffect
Other
- useClickAway - 管理目标元素外的事件
- useControllableValue - 便于管理 受控/非受控 状态
- usePersistFn - 持久化 function
- useSize - 获取并监听 dom 节点的宽高