千鋒教育2022版React全家桶教程_react零基礎(chǔ)入門(mén)到項(xiàng)目實(shí)戰(zhàn)完整版

React Hooks:?就是用函數(shù)的形式代替原來(lái)的繼承類(lèi)的形式,并且使用預(yù)函數(shù)的形式管理state,有Hooks可以不再使用類(lèi)的形式定義組件了.
使用Hooks的優(yōu)點(diǎn):
1.告別難以理解的Class( this 和 生命周期 的痛點(diǎn))
2.解決業(yè)務(wù)邏輯難以拆分的問(wèn)題
3.使?fàn)顟B(tài)邏輯復(fù)用變得簡(jiǎn)單可行
4.函數(shù)組件從設(shè)計(jì)思想上來(lái)看更加契合React的理念
React Hooks提供鉤子:
1.useState()
useState():狀態(tài)鉤子。純函數(shù)組件沒(méi)有狀態(tài),用于為函數(shù)組件引入state狀態(tài), 并進(jìn)行狀態(tài)數(shù)據(jù)的讀寫(xiě)操作
參數(shù):?第一次初始化指定的值在內(nèi)部作緩存
返回值:?包含2個(gè)元素的數(shù)組,第1個(gè)為內(nèi)部當(dāng)前狀態(tài)值,第2個(gè)為更新?tīng)顟B(tài)值的函數(shù)
2.useContext()——一種組件間通信方式, 常用于【祖組件】與【后代組件】間通信
3.useEffect()——來(lái)更好的執(zhí)行副作用操作(用于模擬類(lèi)組件中的生命周期鉤子),如異步請(qǐng)求等,在類(lèi)組件中會(huì)把請(qǐng)求放在componentDidMount里面,在函數(shù)組件中可以使用useEffect()
4.useReducer()——提供了狀態(tài)管理