Как вложить маршруты с помощью react router dom

#reactjs #react-router-dom

Вопрос:

У меня есть страница настроек, на которую перенаправляются /admin/settings , и некоторые страницы из настроек, например /admin/settings/objectives . Когда я добавил ссылку на странице настроек /admin/settings/objectives , она меняет маршрут на указанный адрес, но компонент не меняется.

 <Route exact path='/admin/settings' component={Settings} />
{/* Settings Route */}
<Route exact path='/admin/settings/objectives' component={Objective}/>
 

Ответ №1:

Попытайтесь поставить

 <Route exact path='/admin/settings/objectives' component={Objective}/>
 

один шаг вверх и после этого маршрута поставьте первый( так что измените порядок ваших маршрутов).

 <Route exact path='/admin/settings' component={Settings} />enter code here
 

и не ставьте точное значение в качестве атрибута.

Комментарии:

1. На самом деле исправлено это с передачей маршрута в качестве дочерних компонентов на страницу вместо упоминания всех на App.js сама Официальная Ссылка: reactrouter.com/web/guides/philosophy/nested-routes