我如何使用反应路由器的路径大于/（无参数）

Question

我正在尝试使用通过组合路径（例如：/ demo / common）使用React Router。共同不是一个参数。 我想要这样的东西：

    <Route
       exact
       path="/demo/page1"
       component={Page1}
    />

    <Route
       exact
       path="/demo/page2"
       component={Page2}
    />

但是，当我尝试访问其中任何一条路线时，只会显示白屏。

谢谢。

Answer 1

1. 使用path="/demo"和称为ParentPage的父组件添加父路由：

<Route path="/demo" component={ParentPage} />

请注意，父路线必须没有exact道具，以便进行嵌套行为。

1. 在ParentPage下，您将有Page1和Page2作为孩子：

<ParentPage>
 <Route
   path="/demo/page1"
   component={Page1}
 />
 <Route
   path="/demo/page2"
   component={Page2}
 />
</ParentPage>

子组件是否具有exact属性并不重要。