Javascript 如何在react with react router中创建动态路由

Javascript 如何在react with react router中创建动态路由,javascript,reactjs,routes,react-router,Javascript,Reactjs,Routes,React Router,我发现在react路由器中创建路由很困难 我想创建一条这样的路线 但我也有这样的路线/stores 每当我转到/:storeId页面时,它都会加载/users页面 我只是糊涂了 这是密码 <Switch> <ScrollToTop> <MainLayout> <Route exact path="/"> <Home /> </Route> &

我发现在react路由器中创建路由很困难

我想创建一条这样的路线
但我也有这样的路线
/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>


请帮忙。

你应该这样做

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


请共享您的代码,以便我们可以帮助您。好的
请我故意不想要
请编辑您的问题并在其中添加代码好的。Doney您的代码现在缺少
/user
案例。也许读一读,看看这是否有帮助。特别是关于事情的顺序,没有办法用user
/:id
代替
/users/:id
,你也可以用它,但我觉得
/users/:id
是一个更好的表达方式。似乎
/:id
会让你更头疼,因为所有链接在技术上都符合该路线的要求。好吧,我只是想看看我是否能像
/:id
这样完成,因为这是我想要的方法。我想知道为什么人们会听到我在上面所做的事情。只需替换
/:id
,但不要将exact与
/:id
一起使用