這是我的Index.jsReactDOM.render( <React.StrictMode> <Provider store={store}> <Router> <App className="app-main" /> </Router> </Provider> </React.StrictMode>, document.getElementById('root'));這是App.jsx<Switch> appRoutes.map(route => <Route path={route.path} component={route.component} key={route.key}/> )}</Switch><BottomNav />我想在特定路線中渲染BottomNav組件,其中它們也是一些子路線。我在底部導(dǎo)航中使用了withRouter,但它的匹配只是一個“/”,我只能訪問位置。位置對我來說還不夠,因為正如我所說,這些路線中有一些子路線。例如,在個人資料路線中,我有活動和朋友。我想在個人資料/朋友中渲染 BottomNav,但不在個人資料/活動中渲染 BottomNav,我怎樣才能實現(xiàn)這一點。我的解決方案是在 redux 中設(shè)置當前路由路徑并將其傳遞到底部導(dǎo)航,并檢查它是否在我渲染底部導(dǎo)航的有效路由中,但我無法在不同視圖中編寫和重復(fù)一個函數(shù),直到它們安裝時更新 redux 中的當前路由。我忘了說我是 React 新手,請溫柔一點并詳細解釋一下 tnx :)
React 有條件地渲染特定路由中的組件
湖上湖
2023-07-14 16:31:01