相似的 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>

在使用它们定义路由之前不要忘记导入组件。