具有相似路径的React Router v4组件(固定和动态路径参数)是"重叠"的

Question

我的路线设置如下:

<Route path="/chat/:id" component={Chat} />
<Route path="/chat/new" component={NewChat} />

当我去chat/new它也显示{Chat}.NewChat我去的时候有没有办法专门打电话/chat/new？

Answer 1

您将使用Switch和重新排序您的路由,因为Switch渲染第一个匹配Route

<Switch>
   <Route path="/chat/new" component={NewChat} />
   <Route path="/chat/:id" component={Chat} />
</Switch>