Javascript 路由渲染错误的组件，ReactJS

调用url/folders/xy后，我将尝试访问FolderDetail组件。我总是得到位于/Folders中的Folders组件，而不是FolderDetail组件。。。请帮忙

从“React”导入React；
从“react router dom”导入{BrowserRouter，Route，Switch}；
函数App（）{
返回(
);
}
导出默认应用程序；

交换机采用第一条匹配的路线，因此您需要像这样重新排列您的路线（同时添加

精确的

）

---

始终将更具体的路线放在第一位。

交换机采用第一条匹配的路线，因此您需要像这样重新排列您的路线（同时添加

精确的

）

---

始终将更具体的路线放在第一位。

您应该向所有路线组件添加

精确的

，这是一个可行的方法：

const-App=（）=>{
返回(
);
};

您应该向所有管线组件添加

精确的

，这是一个工作：

const-App=（）=>{
返回(
);
};

你能尝试在路由组件中添加

exact

道具吗。@YashJoshi hey this没有帮助：（Sadly你能尝试在路由组件中添加

exact

道具吗。@YashJoshi hey this没有帮助：（Sadly没有必要重新排列所有路线，在所有路线上添加

精确的
就足够了！@Lefi Tarik理论上应该足够了，但用户报告说它对他不起作用！我认为没有理论与实践的对比，它是关于0和1的，我给出了一个不改变顺序的工作示例，它不是为了重新排列路线使用
react router
，因为它会在默认情况下计算出来。没有必要对所有路由进行重新排序，向所有路由添加
exact
就足够了！@Lefi Tarik理论上应该足够了，但用户报告它对他不起作用！我认为没有理论与实践的对比，关于0和1，我给出了一个工作示例没有改变顺序，也不意味着使用
react-router
对路由进行重新排序，因为默认情况下它会计算出来。
 <Switch>
     <Route exact path="/folders/:id" component={FolderDetail} />
     <Route exact path="/folders" component={Folders} />
     <Route exact path="/login" component={Login} />
     <Route exact path="/" component={Home} exact />
 </Switch>

const App = () => {
  return (
    <BrowserRouter>
      <div className="App">
        <Navigation />
        <Switch>
          <Route exact path="/" component={Home} />
          <Route exact path="/folders" component={Folders} />
          <Route exact path="/folders/:id" component={FolderDetail} />
        </Switch>
      </div>
    </BrowserRouter>
  );
};