類組件缺點一：復(fù)雜且不容易理解的“this” Hooks解決方式：函數(shù)組件和普通JS函數(shù)非常相似，在普通JS函數(shù)中定義的變量、方法都可以不使用“this.”，而直接使用該變量或函數(shù)，因此你不再需要去關(guān)心“this”了。
類組件缺點二：組件數(shù)據(jù)狀態(tài)邏輯不能重用 Hooks解決方式： 通過自定義Hook，可以數(shù)據(jù)狀態(tài)邏輯從組件中抽離出去，這樣同一個Hook可以被多個組件使用，解決組件數(shù)據(jù)狀態(tài)邏輯并不能重用的問題。 類組件缺點三：組件之間傳值過程復(fù)雜。
缺點三：復(fù)雜場景下代碼難以組織在一起 Hooks解決方式： 通過React內(nèi)置的useState()函數(shù)，可以將不同數(shù)據(jù)分別從"this.state"中獨立拆分出去。
降低數(shù)據(jù)復(fù)雜度和可維護(hù)性，同時解決類組件缺點三中“內(nèi)部state數(shù)據(jù)只能是整體，無法被拆分更細(xì)”的問題。
通過React內(nèi)置的useEffect()函數(shù)，將componentDidMount、componentDidUpdate、componentWillUncount 3個生命周期函數(shù)通過Hook(鉤子)關(guān)聯(lián)成1個處理函數(shù)，解決事件訂閱分散在多個生命周期函數(shù)的問題。
京公網(wǎng)安備 11010802030320號