react hooks 入门

hooks 简介

• 状态管理

  • useState 管理组件状态
  • useReducer 同 useState ，但是可以定制更新状态的逻辑
  • useContext 跨组件管理状态

• 副作用

  • useEffect 绑定函数是否重新执行和依赖的数据
  • useLayoutEffect 通 useEffect，但是执行函数的时机为 dom 更新后

• 性能优化

  • useMome 缓存计算结果
  • useCallback 缓存函数

• 额外的 hook

  • useRef 获取dom、获取子组件方法或保存数据
  • useImperativeHandle 将子组件方法暴露给父级 未完待续...