这是什么？

nw-hooks 是一组 React 自定义 Hooks 的集合，包括了业务开发中经常使用的基础&高级Hooks。

每个团队(个人)在项目开发中，随着业务的演进总会积累不少常用的自定义 Hooks ，重复的复制粘贴迁移既繁琐也不优雅。

更为重要的是 React Hooks 的使用有明显的上手门槛，有一个逐步上升的学习曲线

所以自定义 Hooks 并不像普通的工具函数，写完就万事大吉了，随着理解的深入往往会不断优化。

同时统一的自定义 Hooks 仓库有助于团队形成统一的书写风格，帮助初学者更快上手。

Hooks 列表

| Hook | 描述 | | --- | --- | | usePersistFn | 持久化一个函数的引用 | | useModal | 一个简化模态框使用的方案 | | usePersistValue | 持久化一个值的引用，返回React.MutableRefObject 值 | | useVirtualList | 虚拟列表逻辑实现 | | useDynamicVirtualList | 不定高元素虚拟列表实现 | | useThrottleFn | 函数节流 | | useUpdateEffect | 仅在更新时执行副作用的useEffect | | useDebounceState | 防抖版 useState | | useDebounceFn | 函数防抖 | | useScrollSwiper | 一个轮播组件的逻辑实现 | | useDebugRenderCount | 显示状态变化所导致组件重复render的次数(仅在dev模式显示) |

辅助函数

| 名称 | 描述 | | --- | --- | | rem2Px | rem值转化为px值 |