如何全面掌握React Hook超详细教程？

本文共计2930个文字，预计阅读时间需要12分钟。

目录 + 什么是hook + useState + useEffect + useRef + useCallback + useMemo + useContext + useReducer + 什么是hook + React Hook是React 16.8 版本之后新增的特性，用最简单的话来说，React Hook就是一些React提供的内部函数，允许我们在函数组件中使用状态和副作用。

目录

• 什么是hook
• useState
• useEffect
• useRef
• useCallback
• useMemo
• useContext
• useReducer

什么是hook

React Hook是React 16.8版本之后添加的新属性，用最简单的话来说，React Hook就是一些React提供的内置函数，这些函数可以让函数组件和类组件一样能够拥有组件状态（state）以及进行副作用（side effect）

但是不要什么业务都使用hook,请在合适的时候使用hook,否则会造成性能问题.(能不用的时候就不能,当遇到性能不好优化的时候,自然会想到使用它)

useState

它允许函数组件将自己的状态持久化到React运行时的某个地方，这样在组件每次重新渲染的时候都可以从这个地方拿到该状态，而且当该状态被更新的时候，组件也会重渲染。