如何使用反应路由器创建动态路由

Question

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

我想创建这样的路由<Route path="/:storeId" component={StorePage} />但我也有这样的路由/stores任何时候我 go 到/: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>