react知識理解

1.jsx,htmL的擴(kuò)展,可以在js里寫html。在js中表示用戶界面(UI)

2.組件,函數(shù)組件和類組件。常用函數(shù)組件,開頭函數(shù)名大寫。自定義組件,把一些復(fù)用邏輯給封裝起來,減少代碼的使用,減少代碼的重復(fù)性。

3.redux:狀態(tài)管理庫,獨(dú)立于react創(chuàng)建,redux的創(chuàng)建使用:安裝依賴pnpm add @reduxjs/toolkit react-reudx 三個依賴,創(chuàng)建庫store ,引入createrslice ,在createrslice 里模塊名,初始化,reducers 在reducers里進(jìn)行狀態(tài)修改,action提交,然后,解構(gòu)出reducer的變量,通過函數(shù)名.actions

,導(dǎo)出函數(shù)名.reducer,然后再store文件夾里面的入口文件index.jsx 里進(jìn)行組合,通過引入configurestore進(jìn)行組合,模塊名:導(dǎo)出的函數(shù)名.reducer。然后導(dǎo)出,再main.jsx里進(jìn)行注入,通過引入provider進(jìn)行綁定導(dǎo)出的組合名。再外部使用redux數(shù)據(jù)通過引入useSelector鉤子函數(shù)useSelector(state=>action.模塊名)修改使用useDispatch函數(shù),可以聲明變量=useDispatch()修改調(diào)用該方法dispatch(reducers里的變量())

4,路由:給定一個路徑path,通過element 進(jìn)行渲染,有一級路由和二級路由。路由安裝依賴pnpm add react-router-dom。二級路由,通過chriden來實(shí)現(xiàn),在一級路由的return里進(jìn)行outlet設(shè)置二級路由出口。路由導(dǎo)航,聲明式路由link to 路徑名,編程式導(dǎo)航navigatie to 路徑名。404配置,建立一個文件夾,聲明組件Notfind,導(dǎo)出到主路由文件里,引入createBrowseRouter([ ])進(jìn)行路徑配置渲染,路徑配置為通配符。路由傳參,使用鉤子函數(shù)useSearchparm和useParearm.useSearchparm返回一個searchParm對象和數(shù)組,獲取值需要使用get()方法進(jìn)行使用,useParm返回的是一個對象,通過對象的方式直接獲取。

5.組件通信,:父傳子,子傳父,兄弟之間通信,跨域通信。

6.受控綁定和非受控綁定 受控綁定:使用useState()控制狀態(tài),把當(dāng)前state綁定到input的value屬性,把更新值給通過noChang傳給state.非受控綁定使用useRef獲取Dom的方式獲取表單的輸入數(shù)據(jù)。將ref綁定到表單元素屬性綁定useRef(null)獲取的Dom元素,通過onChang事件實(shí)時跟新,非受控就是不受狀態(tài)管理控制。觸發(fā)事件就進(jìn)行渲染,提交。

7,懶加載,

8.類組件生命周期

9.hook函數(shù)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容