天天看點

React-55:EffectHook(讓函數式元件能夠使用生命周期鈎子)

為什麼要使用EffectHook?

  • 因為在函數式元件中無法使用生命周期鈎子的,例如:componentDidMount這個生命周期鈎子,通過這個Hook可以讓我們在函數式元件中使用生命周期鈎子。

https://link.juejin.cn?target= 核心函數:useEffect(接收兩個參數)

  • 第一個參數:是一個回調函數

    這個回調函數相當于是componentDidMount,這個回調函數可以傳回一個回調函數,傳回的這個回調函數則是相當于componentWillUnmount。

  • 第二個參數代表着監控誰,一旦監控的對象發生了變化,則要調用第一個參數裡的回調函數,第二個參數不寫代表監控所有的狀态,寫誰代表監控誰,是以在下面的案例中,傳入的是一個空數組,代表誰也不監控,這就實作了第一個回調函數的componentDidMount的作用。
React-55:EffectHook(讓函數式元件能夠使用生命周期鈎子)