react組件通信

1、 context 數(shù)據(jù)共享 從根組件里傳進去， 類似Vue中的 provider reject 但是不能子組件向上傳遞 因為是單向的
組件跨層級通信 context
contextType
useContext
consumer

2、Redux是可以單獨使用的， 但是每個文件都要引入store 手動訂閱 取消訂閱
優(yōu)化： 把store放到index里 利用react-redux的provider組件 把store傳進去，然后在子組件中利用connect高階函數(shù)把state dispatch映射到props上

3、 hooks useSelector 、 useDispatch

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

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

  • 父子 父子通信(回調(diào)函數(shù))[組件通信] 父傳子:父組件傳一個函數(shù)給子組件,子組件在恰當(dāng)?shù)臅r候調(diào)用 子傳父:1.父組...
    追夢的螞蟻閱讀 167評論 0贊 0
  • react是以組合組件的形式組織的，那么組件間是如何傳遞信息的呢？ 父組件向子組件通信 parent組件傳給chi...
    DCbryant閱讀 553評論 0贊 0
  • 1 組件間通信 父組件向子組件通信React規(guī)定了明確的單向數(shù)據(jù)流，利用props將數(shù)據(jù)從父組件傳遞給子組件。故我...
    Dabao123閱讀 1,005評論 0贊 4
  • react組件通信是一個常用功能，在做react項目中經(jīng)常遇到 React組件層級關(guān)系 在了解Reat組件通訊之前...
    ZhangYu31閱讀 522評論 3贊 16
  • 今天來看一下react組件之間是怎么進行通訊的。react推崇的是單向數(shù)據(jù)流，自上而下進行數(shù)據(jù)的傳遞，但是由下而上...
    親親qin閱讀 6,077評論 2贊 12

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