在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react 多層級(jí)嵌套的父子組件怎么將子組件的值傳遞給最外層的父組件使用 ?

react 多層級(jí)嵌套的父子組件怎么將子組件的值傳遞給最外層的父組件使用 ?

react 多層級(jí)嵌套的父子組件怎么將子組件的值傳遞給最外層的父組件使用 ?
clipboard.png

嵌套關(guān)系是 topic.js > ModleForm > form.js > editor.js

想用最里面的層級(jí)editor的值 在最外層topic進(jìn)行增刪改查,應(yīng)該怎么做?

回答
編輯回答
別瞎鬧

可以用PubSub發(fā)布訂閱事件機(jī)制來處理,這樣比較方便,通過props傳遞函數(shù)的方式也可以,不過層級(jí)深的時(shí)候比較麻煩

2017年2月9日 00:53
編輯回答
喜歡你

在沒有用 redux 的情況下,父組件可以把函數(shù)通過 props 傳給子組件,然后在子組件里調(diào)用該函數(shù),這樣父組件就可以通過這個(gè)函數(shù)拿到來自子組件的數(shù)據(jù)。

2018年3月5日 10:00
編輯回答
來守候

如果使用redux的話,那就把所有值都放到state中,這樣任務(wù)地方都可以獲取到。
如果沒有redux,那就在父組件中寫一個(gè)回調(diào)函數(shù)實(shí)現(xiàn)好了。
例如:

const P1 = () => {
    callback: (value) => {
     //value回調(diào)時(shí)傳回來的值
    }
    
    return <P2 callback={callback}/>
}

const P2 = ({callback}) => {
    return <P3 callback={callback}/>
}

const P3 = ({callback}) => {
    return <div onClick={() => callback(/*傳入的值*/)}></div>
}

N層都調(diào)用都可以處理。
建議還是找個(gè)state的管理器吧,比如redux、mobx等。

2018年6月4日 23:21
編輯回答
傻丟丟

父組件寫個(gè)方法,然后一路傳遞到子組件,然后子組件執(zhí)行這個(gè)方法

2017年6月5日 22:53