Javascript 如何使用路径大于on/（无参数）的react路由器

我正在尝试使用组合路径（例如：/demo/common）使用react路由器。Common不是参数。 我想要这样的东西：

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

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

但当我尝试访问这些路线时，它只会显示一个白色屏幕

谢谢

添加带有

path=“/demo”

的父路由和名为

ParentPage

的父组件：

子组件是否具有

exact

prop并不重要

添加带有

path=“/demo”

的父路由和名为

ParentPage

的父组件：

---

子组件是否具有

exact

prop并不重要

Page1和Page2组件正常吗？谢谢回答。是的，它们是。第1页和第2页的组件还好吗？谢谢回答。是的，他们是。

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

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