rc-hooks

React Hooks Library.

查看文档和示例

安装

npm install rc-hooks

yarn add rc-hooks

pnpm add rc-hooks

使用

import { useAsync } from 'rc-hooks';

API

• 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 节点的宽高