Reactjs 反应路线是否将子路线移动到单独的模块?

Reactjs 反应路线是否将子路线移动到单独的模块?,reactjs,react-router,react-router-redux,Reactjs,React Router,React Router Redux,是否可以使用反应路线执行以下操作 主要 侧面图 <Route> <Route name="dashboard" handler={ProfileDashboard} /> <Route name="repos" handler={ProfileRepos} /> </Route> 探索 <Route> <Route name="home" handler={Ex

是否可以使用反应路线执行以下操作

主要


侧面图

    <Route>
      <Route name="dashboard" handler={ProfileDashboard} />
      <Route name="repos" handler={ProfileRepos} />
    </Route>

探索

    <Route>
      <Route name="home" handler={ExploreHome} />
      <Route name="showcase" handler={ExploreShowcase} />
    </Route>

您可以通过React路由器实现这一点:)

但我建议您使用“普通路由”方式来配置路由:

使用此选项,您将开始使用
路由
对象,您可以只
需要另一条路由
并基于这些组合创建路由。诸如此类:

const路由={
路径:“/”,
组件:应用程序,
儿童路线:[
需要(“./配置文件”),
需要(“./explore”)
]
}
然后在您的
profile.js
(您可以对
explore.js
执行相同的操作)文件中,您将有如下内容:

/*在此处导入ProfileDashboard和ProfileRepos*/
const profileRoutes={
路径:“配置文件”,
儿童路线:[{
路径:“仪表板”,
组件:ProfileDashboard
}, {
路径:“回购协议”,
组成部分:档案库
}]
};
这样你就能实现你想要的

如果您确实不能使用普通路线,您可以这样做:


{require('./profile')}
{require('./explore')}
和您的
profile.js
,例如:

module.exports=(
);
我不知道您使用的是哪个版本,但您可以在任何版本中实现这一点,但是,作为建议,请尝试使用最新版本。因为它能处理很多很酷的东西


希望有帮助

我的问题是你为什么要这么做?你自己试过吗?我试过这样的东西,但没用!是的,它起作用了。您使用的是什么react/react路由器版本?是的,刚刚测试过,谢谢
    <Route>
      <Route name="home" handler={ExploreHome} />
      <Route name="showcase" handler={ExploreShowcase} />
    </Route>