反应路由器动态嵌套路由不起作用

Question

这是问题所在，当我尝试访问 subjectdshboard 外部的动态链接 /home/:subject 时，我正在使用 react-router > 组件然后它工作正常但是当我尝试从组件导航栏访问其他动态路由时，链接发生了变化，并且没有任何内容被渲染。 例如，如果我从 subjectdashboard 组件外部访问主题物理，其链接看起来像 home/physics 但如果我尝试访问它来自组件的导航栏，其链接变为 home/home/physics，并且组件不会被渲染。导航栏在整个应用中是相同的

 const navItems = ["physics", "maths", "chemistry", "biology"];

navItems.map((item) => {
                    return (
                      <Link to={`home/${item}`} className="link">
                        <Typography
                          variant="h6"
                          noWrap
                          className={classes.title}
                        >
                          {item}
                        </Typography>
                      </Link>
                    );
                  })

在应用组件中，路由是

 <Route exact path="/home/:subject">
              <SubjectDashBoard />
            </Route>