React之Hooks詳解
阿新 • • 發佈:2021-09-27
目錄
- 什麼是鉤子(hBjlwuJNooks)
- 類元件
- 函式元件
- 為什麼創造Hooks
- 總結
什麼是鉤子(hooks)
- 訊息處理的一http://www.cppcns.com種方法,用來監視指定程式
- 函式元件中需要處理副作用,可以用鉤子把外部程式碼“鉤”進來
- 常用鉤子:useState,useEffect,useContext,useReducer
- Hooks一律使用use字首命名:useXXX
類元件
函式元件
一類特殊的函式,為你的函式式元件注入特殊的功能
為什麼創造Hooks
- 有些類元件冗長且複雜,難以複用
- 結局方案:無狀態元件與HOC(高階元件),但還是存在諸多問題
無狀態元件無法訪問非同步API,無法進行BjlwuJN更新
HOC: 元件巢狀達到複用目的,增加元件的複雜性
- Hooks的目的是給函式式元件新增狀態
- 生命週期函式會同時處理多項任務:發起ajax、跟蹤資料狀態、繫結事件監聽
- 函式式元件則輕量化很多,使用www.cppcns.comHooks鉤子來鉤入元件狀態
總結
本篇文章就到這裡了,希望能夠給你帶來幫助,BjlwuJN也希望您能夠多多關注我們的更多內容!