1. 前言
單個的知識點比較散,文章也比較多了,這篇就針對常用的東西,來個總結性的文章
2. 創(chuàng)建組件的方式
2.1 純函數(shù)式組件
沒有state 和生命周期鉤子
2.2 類組件
有 state和 生命周期鉤子
2.3 高階組件 HOC
本身其實是一個函數(shù),參數(shù)是組件
2.4 Hooks組件
使函數(shù)組件,可以有state 和 鉤子
2.5 自定義 Hooks
其實這個就是自己定義 hook 來寫state等
2.6 render props
將一個組件內(nèi)的 state 作為 props 傳遞給調(diào)用者, 調(diào)用者可以動態(tài)的決定如何渲染.
這個其實應該拿來和 高階組件/HOC來對比
3. 通信方式
3.1 單個組件內(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ā)布-訂閱模式 自己沒試過
3.6 跨級組件
Context API
Redux React Redux Mobx 第三方的
EventBus 和vuex一樣 事件總線的概念
發(fā)布-訂閱模式 自己沒試過
