如何將祖父組件中的 function 傳遞給 ReactJs 中的孫子組件？

Question

我想知道如何將祖父組件中的 function 傳遞給孫子組件。
我在祖父組件中有一個 function ，它獲取id和slice() 。 但是id來自孫子。
順序是這樣的。

<Manager />
    <RecordList />
       <RecordItem />

單擊按鈕時，它應該為來自的 function 提供 id
沒有Context API怎么辦？
並使用傳遞道具給孩子

你能舉個例子嗎？ 謝謝你們

Answer 1

您可以在 React 中使用Context API並可以將任何數據傳遞給特定組件下的任何子嵌套器。

上下文 API 反應

編輯既然你提到你不想使用上下文 API。 對於這樣的事情，孩子只有一個組件深，您可能可以通過中間孩子傳遞一些道具。 我會給你一些粗略的想法，因為你在示例中沒有寫代碼，所以不可能寫完整。

<Manager>
    const childBtnClick = (params) => {
         // do you stuff here
    }
    <RecordList childBtnClick={childBtnClick}></RecordList>
</Manager>
<RecordList>
    <RecordItem childBtnClick={props.childBtnClick}></RecordItem>
</RecordList>
<RecordItem>
    <Button onClick={() => props.childBtnClick('passwhat data you want here')}></Button>
</RecordItem>