我想將道具傳遞給React組件(無父母和無下嗣)。在其他React組件上傳遞道具
實施例:
<aside>
<Navigation />
</aside>
<main>
<Video />
</main>
的onClick<a>
元件上我的Navigation
,我想更新Video
組件狀態(SRC)。
我知道我可以爲兒童成分改變狀態,但這種情況下..:/
任何人都可以幫我嗎?
謝謝社區!
我想將道具傳遞給React組件(無父母和無下嗣)。在其他React組件上傳遞道具
實施例:
<aside>
<Navigation />
</aside>
<main>
<Video />
</main>
的onClick<a>
元件上我的Navigation
,我想更新Video
組件狀態(SRC)。
我知道我可以爲兒童成分改變狀態,但這種情況下..:/
任何人都可以幫我嗎?
謝謝社區!
將導航的點擊處理程序傳遞給父組件(包含導航和視頻),調用setState
。你想改變的東西應該是視頻的支柱。 setState將使視頻與新道具一起重新渲染。
嗨Rikki,我沒有真正理解您的解決方案。我的** **組件(在導航中)可以訪問應用程序容器? (導航和視頻的父母?) –
您可以設置狀態這樣
1創建一個函數來設置狀態在你的父組件。
2 PAS它像一個道具<Navigation />
3使用該道具的onclick在<Navigation />
嗨,不太明白:/如何從點擊設置道具給我的視頻組件? –
一種方式來做到這一點是與反應終極版一起使用。雖然redux是一個非常大的學習步驟,但一旦你掌握了它,它將幫助你輕鬆解決這樣的問題。
爲了讓你非常粗略的想法,事情如何與redux組合起作用,這裏是非常簡化的工作流程。
閱讀上裁判更改了狀態了Redux店,您可以參考父組件,然後將其作爲道具傳遞給其他孩子 – cbll