Javascript 反应路由器-未显示子路由

我正在尝试实现react路由器，但缺少一些东西。我无法浏览到

domain.com/projects/-KBnGTGY0WZQSZIa7nRc

我希望它是带有projectd的项目的子领域

这是我的路线设置

<Router history={new HashHistory}>
    <Route path="/" component={Main}>
        <Route path="profile" component={Profile}   onEnter={requireAuth}  />
        <Route path="projects" component={Projects} >
           <Route path="/projects/:projectId" component={ProjectsDetails} />
        </Route >
        <Route path="login" component={Login} />
        <Route path="logout" component={Logout} />
        <Route path="register" component={Register} />
        <Route path="*" component={Register}/>
    </Route>
</Router>

我也像这样链接到子路线

<Link to={`/projects/${this.props.item.key}`}>
    <h3 className="project-list-h3">{this.state.text} </h3>
</Link>

{this.state.text}

它只是恢复到*这是注册页面

有什么我需要添加到{ProjectsDetails}页面的内容吗？它甚至不叫它，所以我相信问题出在别的地方

---

谢谢

在您上面提供的示例中，您的路由将是/projects/projects/：id。如果您希望使用类似path=“/projects/：projectId”的路由，则不会将其嵌套在项目路由中。我已经包括了一个官方文档的链接，该链接给出了这个概念的概述

如果您看一看示例，它显示了与您的嵌套路由类似的路径，请注意，您可以将父级和子级的路径组合起来，以获得子路由的路径

<Router>
  <Route path="/" component={App}>
  <Route path="about" component={About} />
  <Route path="inbox" component={Inbox}>
    <Route path="messages/:id" component={Message} />
  </Route>
</Route>

---

/收件箱/消息/：id应用程序->收件箱->消息

这是我正在努力解决的问题。如果我这样使用它，我就无法转到/projects并查看所有项目的列表。我将如何实施/projects和/project/：key？我想我已经准备好了