如何用useEffect替代React组件生命周期函数实现相同功能？

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

目录 + useEffect 替代常用生命周期函数 + 原始生命周期函数 + 对 React Hooks（useState 和 useEffect）的总结 + 一、为什么用 React Hooks（面向生命周期编程变为面向业务逻辑编程） + 二、useState 理解 + 三、“

目录

• useEffect代替常用生命周期函数
• 原始生命周期函数
• 对React Hooks（useState和useEffect) 的总结思考
• 一、为什么用React Hooks(面向生命周期编程变成了面向业务逻辑编程)
• 二、useState理解
• 三、useEffect的理解(原则：让你忘记类组件的生命周期的函数写法）
• 四、useState和useEffect声明时有先后顺序

useEffect代替常用生命周期函数

原始生命周期函数

• componentDidMount
• componentDidUpdate
• componentWillUnmount

采用原始的方式把计数器的Demo增加两个生命周期函数componentDidMount和componentDidUpdate。