1. 程式人生 > 程式設計 >React之Hooks詳解

React之Hooks詳解

目錄
  • 什麼是鉤子(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也希望您能夠多多關注我們的更多內容!