reactjs – 具有相似路径的React Router v4组件(固定和动态路径

发布时间：2020-12-15 16:18:45 所属栏目：百科来源：网络整理

导读：我的路线设置如下： Route path="/chat/:id" component={Chat} /Route path="/chat/new" component={NewChat} / 当我去聊天/新的时候它也显示{聊天}.当我去/ chat / new时有没有办法专门给NewChat打电话？解决方法您将使用Switch并重新排序您的路由,因为 S

我的路线设置如下：

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

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

解决方法

您将使用Switch并重新排序您的路由,因为 Switch将呈现第一个匹配的路由

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!