什么是 React Hook ?
Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。而通过自定义 Hook,可以将组件逻辑提取到可重用的函数中。
- useInput 借助 Hook 来优雅的实现
input
输入 - useValidInput
input
带验证更正的输入框逻辑 - useValidNumberInput 基于
useValidInput
封装的带验证更正的数字输入框逻辑 - useDraggable 用钩子实现组件实时拖动,通过计算鼠标拖拽的位移,基于
CSS transform
实现。 - useBooleanState 论如何优雅的管理
boolean
状态 - useDocumentTitle 一个方便更新页面
title
的小钩子 - 有空再慢慢更新:)