首頁猿問 react...

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

皈依舞 2018-07-11 10:18:21

react 多層級(jí)嵌套的父子組件怎么將子組件的值傳遞給最外層的父組件使用？嵌套關(guān)系是 topic.js > ModleForm > form.js > editor.js想用最里面的層級(jí)editor的值在最外層topic進(jìn)行增刪改查，應(yīng)該怎么做？

查看完整描述

1 回答

jeck貓

TA貢獻(xiàn)1909條經(jīng)驗(yàn) 獲得超7個(gè)贊

如果使用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等。

反對(duì) 回復(fù) 2018-07-19