React useEffect 如何映射传统生命周期钩子？

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

目录 + React useEffect 与生命周期钩子函数的对应关系 + 使用格式一：不带参数的情况 + 使用格式二：带第二个参数，参数为空数组 + 使用格式三：带第二个参数，参数为指定依赖项数组 + 使用格式四

目录

• React useEffect与生命周期钩子函数的对应关系
• 使用格式一：不带参数的情况
• 使用格式二：带第二个参数，参数为空数组
• 使用格式三：带第二个参数，并且指定了依赖项
• 使用格式四：依赖项为空,没有具体的副作用函数.但是有副作用函数的清理函数.
• React函数式组件用useEffect模拟三个生命周期钩子函数

React useEffect与生命周期钩子函数的对应关系

在React的函数组件中，useEffect的作用其实也对标了类组件中的生命周期，它的四种使用格式也与生命周期的四种钩子函数形成着对应关系。