React组件中Hooks如何高效运用？

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

目录

一、前言

二、React Hooks

1. useState 2. useEffect 3. useMemo 4. useCallback 5. useContext 6. useRef

三、总结

1. 前言 2. React 组件分为类（class）组件和函数（function）组件。类组件是通过继承 React.Component 来创建的，而函数组件则是使用函数定义的。类组件可以通过继承的方式复用代码。

目录

• 一、前言
• 二、React Hooks
• 2.1 useState
• 2.2 useEffect
• 2.3 useMemo
• 2.4 useCallback
• 2.5 useContext
• 2.6 useRef
• 三、总结

一、前言

react组件分为类（class）组件和函数（function）组件。

class 组件是通过继承模版类（Component、PureComponent）的方式开发新组件的，继承是 class 本身的特性，它支持设置 state，会在 state 改变后重新渲染，可以重写一些父类的方法，这些方法会在 React 组件渲染的不同阶段调用，叫做生命周期函数。