1. 前言
單個(gè)的知識(shí)點(diǎn)比較散,文章也比較多了,這篇就針對(duì)常用的東西,來(lái)個(gè)總結(jié)性的文章
2. 創(chuàng)建組件的方式
2.1 純函數(shù)式組件
沒(méi)有state 和生命周期鉤子
2.2 類(lèi)組件
有 state和 生命周期鉤子
2.3 高階組件 HOC
本身其實(shí)是一個(gè)函數(shù),參數(shù)是組件
2.4 Hooks組件
使函數(shù)組件,可以有state 和 鉤子
2.5 自定義 Hooks
其實(shí)這個(gè)就是自己定義 hook 來(lái)寫(xiě)state等
2.6 render props
將一個(gè)組件內(nèi)的 state 作為 props 傳遞給調(diào)用者, 調(diào)用者可以動(dòng)態(tài)的決定如何渲染.
這個(gè)其實(shí)應(yīng)該拿來(lái)和 高階組件/HOC來(lái)對(duì)比
3. 通信方式
3.1 單個(gè)組件內(nèi)部傳遞數(shù)據(jù)
state
3.2 父組件向子組件傳遞
props
3.3 子組件向父組件傳遞
props
3.4 兄弟組件
porps
3.5 父組件向后代組件傳遞
props
Context API
Redux React Redux Mobx 第三方的
EventBus 和vuex一樣 事件總線的概念
發(fā)布-訂閱模式 自己沒(méi)試過(guò)
3.6 跨級(jí)組件
Context API
Redux React Redux Mobx 第三方的
EventBus 和vuex一樣 事件總線的概念
發(fā)布-訂閱模式 自己沒(méi)試過(guò)
