tidzh
@tidzh
Разработчик

Как правильно сделать вложенный Route в React?

Доброе утро. Надеюсь, что правильно сформулировал вопрос. Как правильно с точки зрения архитектуры приложения реализовать роутинг для андминки.
Имеем точку входа в админку.
<Route exact path='/admin' render={(props) => (<Admin {...props} data={state}/>)}/>

Все замечательно, работает, но как теперь в компоненте Admin сделать свой роутинг. Ведь у админки есть свой сайтбар, хотелось, чтобы только контент в теге main менялся.

<div className="wrapper">
		<h1 className="h1">Админка</h1>
		<div className="d-flex mt-40">
	    <aside className={style.asideMenu}>
		  <AdminMenu path={match.path} menu={data.adminSidebar}/>
	    </aside>
		<main>
		  <Switch>
			<Route path="/articles" component={AdminPageArticle} />
                        <Route path="/posts" component={AdminPagePosts} />
                        <Route path="/users" component={AdminPageUsers} />
		  </Switch>
		</main>
		</div>
	  </div>
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 2
@grinat
Примерно так можно:
<Route path="/im/">
            <Topbar/> <---- тыц
            <Switch>
              <Route path="/im/dialogs" component={Dialogs}/>
              <Route path="/im/dialog/:id" component={Dialog}/>
            </Switch>
          </Route>
Ответ написан
Комментировать
@Dasslier
FrontEnd Developer
В чем проблема юзать соответствующие вашей потребности пути?
/admin/articles
/admin/posts
/admin/users
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы