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