千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  應聘面試  >  html5面試題  > hooks相對于class的優化

hooks相對于class的優化

來源:千鋒教育
發布人:
時間: 2022-11-16 16:58:45 1668589125

  類組件缺點一:復雜且不容易理解的“this” Hooks解決方式:函數組件和普通JS函數非常相似,在普通JS函數中定義的變量、方法都可以不使用“this.”,而直接使用該變量或函數,因此你不再需要去關心“this”了。

  類組件缺點二:組件數據狀態邏輯不能重用 Hooks解決方式: 通過自定義Hook,可以數據狀態邏輯從組件中抽離出去,這樣同一個Hook可以被多個組件使用,解決組件數據狀態邏輯并不能重用的問題。 類組件缺點三:組件之間傳值過程復雜。

hooks相對于class的優化

  缺點三:復雜場景下代碼難以組織在一起 Hooks解決方式: 通過React內置的useState()函數,可以將不同數據分別從"this.state"中獨立拆分出去。

  降低數據復雜度和可維護性,同時解決類組件缺點三中“內部state數據只能是整體,無法被拆分更細”的問題。

  通過React內置的useEffect()函數,將componentDidMount、componentDidUpdate、componentWillUncount 3個生命周期函數通過Hook(鉤子)關聯成1個處理函數,解決事件訂閱分散在多個生命周期函數的問題。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
中文字幕一区日韩高清 | 日本中文字幕在线观 | 最新日本一区二区三区高清 | 久久久精品成人免费看片 | 日本欧美高清乱码一区二区 | 日韩亚洲国产中文永久 |