Аналогичный URI, но разные компоненты - React Router V4

Question

Я использую React Router V4 в своем проекте и хочу использовать несколько таких маршрутов с разными компонентами:

/content/:type

/content/view/:id/:title?

Могу ли я сделать это? Как?

Answer 1

Если вы знакомы с основами React Router, вы можете попробовать что-то вроде этого.

<BrowserRouter>
  <div>
    <Route exact path="/content/:type" component={ComponentA} />
    <Route exact path="/content/view/:id/:title" component={ComponentB} />
  </div>
</BrowserRouter>

Не забудьте импортировать компоненты, прежде чем использовать их для определения маршрутов.