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