Javascript 反应路由器嵌套路由

我有以下路线：

<Switch>
  <Route path="/about" component={About} />
  <Route path="/about/Us" component={AboutUs} />
  <Route path="/about/Company" component={AboutCompany} />
</Switch>

---

我希望/about路由显示about组件及其子组件AboutUs和AboutCompany，但/about路由仅显示about组件。我怎样才能解决这个问题？我有两种方法可以实现它

从routes.js/jsx创建嵌套路由 从父组件about.js/jsx创建嵌套路由 如果它来自routes.js/jsx

<Switch>
  <Route path="/about" component={About}>
    <Route path="/about/Us" component={AboutUs} />
    <Route path="/about/Company" component={AboutCompany} />
  </Route>
</Switch>

//Routes.jsx/js
<Switch>
  <Route path="/about" component={About} />
</Switch>

如果它来自routes.js/jsx

<Switch>
  <Route path="/about" component={About}>
    <Route path="/about/Us" component={AboutUs} />
    <Route path="/about/Company" component={AboutCompany} />
  </Route>
</Switch>

//Routes.jsx/js
<Switch>
  <Route path="/about" component={About} />
</Switch>

及

---

您需要在“关于父路径”中添加确切的关键字。

当前，您要求react router在三条路由之间做出决定并选择一条，这就是Switch所做的。这不是您想要的行为吗？如果您想要在/about中呈现所有三个组件，那么您不需要分离布线，您可以像在about组件中一样进行。