React Router - Вложенные ссылки, перенаправляющие на пользовательскую страницу 404

Question

У меня есть встроенный проект простого реагирующего маршрутизатора, в котором страница / компонент «Темы» имеет вложенные ссылки «один», «два», «три», а затем сопоставление маршрута с компонентом «Топи c», который отображает содержимое. с match.params.id, но его перенаправление на пользовательскую страницу не найдена,

Вот ссылка на codeandbox:

https://codesandbox.io/s/react-routing-ecdwt

Answer 1

Вы указали exact свойство в /topics маршруте.

Вы можете указать маршрут следующим образом:

<Route path="/topics/:topicId" component={SingleTopic} />
// /topics/one
// /topics/two
// /topics/three

В SingleTopic компоненте вы можете получить указанные топи c id this.props.match.params.topicId, а затем загрузить запрошенный topi c.

Надеюсь, это вам поможет.