這個問題與這個有關。我正在重新措辭以使其簡單。
我有一個主導航組件(MainNavigation.js),它是與標題組件(Header.js)下的輔助導航組件(SecNavigation.js)的兄弟。
我想要的是當我單擊 MainNavigation.js 中的特定鏈接時,整個 SecNavigation.js 將顯示在模式中。
我的問題是我不太了解應該如何使用 useState、useContext 或者即使我需要這些。
uj5u.com熱心網友回復:
希望這會為你清除一些東西
您需要的是一個處理狀態的父級,然后它將其傳遞給它的子級。因為父母正在跟蹤孩子以及他們在做什么。
所以我做了什么:
App.js 是父級,我在這里處理狀態。然后我只需將setIsModalShowingsetState 函式傳遞給 MainNav,它會在我按下按鈕時呼叫它。
然后在 App.js 中,如果setIsModalShowing是true或,我將顯示或隱藏模式false
在我正在顯示的模態內部,并且模SecNav態也具有 setIsModalShowing向下傳遞,因此您可以單擊按鈕關閉,這會將狀態設定為 false。
這對你有意義嗎?否則我可以嘗試用另一種方式解釋
代碼示例
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/417651.html
標籤:
