Я новичок в React, и у меня есть вопрос о реакции маршрутизатора.Обычно в приложении страницы включаются в компонент маршрута.Например, в одном компоненте:
<Router>
<Link ...>...</Link>
<Route ... /> //page1
<Route ... /> //page2
</Router>
Это приводит к одной проблеме, когда все эти страницы отображаются как дочерние элементы элемента, содержащего <Router>
.Поэтому мой вопрос заключается в том, как можно разделить все компоненты в одном компоненте и все маршруты в другом, чтобы они отображались на одном уровне.
- App.jsx
- Router.jsx (with Link)
- Route.jsx (with pages)
Моя идея заключается в создании некоторого состояния в приложении.js, пусть эти состояния управляются некоторой кнопкой события onClick в Router.jsx, а затем изменяют путь в Route.js.Может ли кто-нибудь помочь мне с этим вопросом?Спасибо всем.