#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