[TOC] ### 1. 引入 ~~~ import { useState, useEffect } from 'react'; ~~~ ### 2. 在函数中使用 ~~~ function Example() { const [count, setCount] = useState(0); // 类似于componentDidMount 和 componentDidUpdate: useEffect(() => { // 更新文档的标题 document.title = `You clicked ${count} times`; },[count]); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } ~~~ ### 3. 说明： ~~~ 1. useEffect就是生命周期函数，传入一个匿名函数和一个参数。 2. 匿名函数：是每次都会执行该函数类似于componentDidMount 和 componentDidUpdate 3. 参数：决定函数什么时候被调用，当传入一个参数时表示当参数改变时调用该函数 4. 在useEffect中可以return一个函数，该函数表示与componentWillUnmount相似实现当组件销毁时的函数内容，不同的是componentWillUnmount，只在摧毁前执行，而这个return的函数是每次都会执行 5. 在useEffect中的执行顺序是：有return函数的先执行return函数，然后再执行useEffect中的其他函数 ~~~