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>