Skip to content

收集我原创或常用到的一些自定义 React Hooks,不断完善中

Notifications You must be signed in to change notification settings

Minoyu/useMyHooks

Repository files navigation

useMyHooks

此项目用来归纳及整理我原创的/常用的一些自定义 React Hooks,不断完善中。

什么是 React Hook

Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。而通过自定义 Hook,可以将组件逻辑提取到可重用的函数中。

目前归纳的 Hooks

  • useInput 借助 Hook 来优雅的实现 input 输入
  • useValidInput input 带验证更正的输入框逻辑
  • useValidNumberInput 基于 useValidInput 封装的带验证更正的数字输入框逻辑
  • useDraggable 用钩子实现组件实时拖动,通过计算鼠标拖拽的位移,基于CSS transform实现。
  • useBooleanState 论如何优雅的管理 boolean 状态
  • useDocumentTitle 一个方便更新页面 title 的小钩子
  • 有空再慢慢更新:)

PR is welcome~

About

收集我原创或常用到的一些自定义 React Hooks,不断完善中

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published