React之Hooks詳解
更新時間：2021年09月26日 15:24:51 作者：夾心776655
這篇文章主要介紹了React hooks的優(yōu)缺點詳解，幫助大家更好的理解和學(xué)習(xí)使用React，感興趣的朋友可以了解下， 希望能夠給你帶來幫助
什么是鉤子（hooks）
- 消息處理的一種方法, 用來監(jiān)視指定程序
- 函數(shù)組件中需要處理副作用，可以用鉤子把外部代碼“鉤”進來
- 常用鉤子：useState, useEffect, useContext, useReducer
- Hooks一律使用use前綴命名：useXXX
類組件
函數(shù)組件
一類特殊的函數(shù)，為你的函數(shù)式組件注入特殊的功能
為什么創(chuàng)造Hooks
- 有些類組件冗長且復(fù)雜，難以復(fù)用
- 結(jié)局方案：無狀態(tài)組件與HOC(高階組件)，但還是存在諸多問題
無狀態(tài)組件無法訪問異步API, 無法進行更新
HOC: 組件嵌套達到復(fù)用目的，增加組件的復(fù)雜性
- Hooks的目的是給函數(shù)式組件添加狀態(tài)
- 生命周期函數(shù)會同時處理多項任務(wù)：發(fā)起ajax、跟蹤數(shù)據(jù)狀態(tài)、綁定事件監(jiān)聽
- 函數(shù)式組件則輕量化很多，使用Hooks鉤子來鉤入組件狀態(tài)
總結(jié)
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
相關(guān)文章
react-native中路由頁面的跳轉(zhuǎn)與傳參的實例詳解
這篇文章主要介紹了react-native中路由頁面的跳轉(zhuǎn)與傳參,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了React Hooks之useRef獲取元素示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
具體來說這是一種react非受控組件，其狀態(tài)是在input的react內(nèi)部控制，不受調(diào)用者控制?？梢允褂檬芸亟M件來實現(xiàn)。下面就說說這個React中的受控組件與非受控組件的相關(guān)知識，感興趣的朋友一起看看吧2022-09-09
這篇文章主要為大家介紹了React?之?Suspense提出的背景及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
React Native開發(fā)封裝Toast與加載Loading組件示例
這篇文章主要介紹了React Native開發(fā)封裝Toast與加載Loading組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了React中DOM事件和狀態(tài)介紹，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下2022-08-08
這篇文章主要介紹了react中的props 的使用及進行限制的方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了React 首頁加載慢問題性能優(yōu)化案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了基于webpack4.X從零搭建React腳手架的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了webpack打包react項目的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06