时间戳

首页 > 解决方案 > 如何设置参数 react router 不误会与静态路由器？

reactjs - 如何设置参数 react router 不误会与静态路由器？

问题描述

react router的params怎么设置才不会和下面的静态router误会，我这样设置的，当你进入静态router的时候就被误认为params pass了！

<AppRoute exact path="/:category/:slug" layout={PublicLayout} component={Product} />
<AppRoute exact path="/dashboard/products" layout={DashboardLayout} component={DashboardProducts} />

标签： reactjsreact-router

解决方案

使用 a Switch（在第一次匹配后停止）并首先放置固定路径

<Switch>
    <AppRoute exact path="/dashboard/products" layout={DashboardLayout} component={DashboardProducts} />
    <AppRoute exact path="/:category/:slug" layout={PublicLayout} component={Product} />
</Switch>

推荐阅读