之前很多具有副作用的操作，例如網絡請求，修改 UI 等，一般都是在`class`組件的`componentDidMount`或者`componentDidUpdate`等生命周期中進行操作。而在函數組件中是沒有這些生命周期的概念的，只能`return`想要渲染的元素。 但是現在，在函數組件中也有執行副作用操作的地方了，就是使用`useEffect`函數。 #### 語法 ``` useEffect(() => { doSomething }); ``` 兩個參數： * 第一個是一個函數，是在第一次渲染以及之后更新渲染之后會進行的副作用。 * 這個函數可能會有返回值，倘若有返回值，返回值也必須是一個函數，會在組件被銷毀時執行。 * 第二個參數是可選的，是一個數組，數組中存放的是第一個函數中使用的某些副作用屬性。用來優化 useEffect * 如果使用此優化，請確保該數組包含外部作用域中隨時間變化且 effect 使用的任何值。 否則，您的代碼將引用先前渲染中的舊值。 * 如果要運行 effect 并僅將其清理一次（在裝載和卸載時），則可以將空數組（\[\]）作為第二個參數傳遞。 這告訴React你的 effect 不依賴于來自 props 或 state 的任何值，所以它永遠不需要重新運行。 > 雖然傳遞 \[\] 更接近熟悉的`componentDidMount`和`componentWillUnmount`執行規則，但我們建議不要將它作為一種習慣，因為它經常會導致錯誤。 [https://blog.csdn.net/weixin\_34406086/article/details/91439719](https://blog.csdn.net/weixin_34406086/article/details/91439719) >