如何创建与反应路由器反应的动态路由

Question

请我发现在反应路由器中创建路由很困难

我想创建这样的路线 <Route path="/:storeId" component={StorePage} /> 但我也有这样的路线/stores 每当我转到 /:storeId 页面时，它都会加载 /users 页面 我只是糊涂

这是代码

<Switch>
  <ScrollToTop>
    <MainLayout>
      <Route exact path="/">
        <Home />
      </Route>
      <Route exact path="/stores">
        <Stores />
      </Route>
      <Route exact path="/:storeId">
        <StorePage />
      </Route>
    </MainLayout>
  </ScrollToTop>
</Switch>

请提供任何帮助。

Answer 1

你应该这样做

<Switch>
  <Route exact path="/users">
        <Users/>
      </Route>
      <Route path="/users/:id">
        <UserById/>
      </Route>
</Switch>