Javascript ReactJS中的嵌套路由
我不知道如何使嵌套管线同时显示两个组件,甚至使两个非嵌套管线同时显示两个组件 我的路由看起来像:Javascript ReactJS中的嵌套路由,javascript,reactjs,web-applications,react-router,react-redux,Javascript,Reactjs,Web Applications,React Router,React Redux,我不知道如何使嵌套管线同时显示两个组件,甚至使两个非嵌套管线同时显示两个组件 我的路由看起来像: export default ( <Route path="/" component={Index}> <Route path="/nextpage" component={Index2} /> </Route> ); 导出默认值( ); 在我的提供者中得到利用 export default ( <Provid
export default (
<Route path="/" component={Index}>
<Route path="/nextpage" component={Index2} />
</Route>
);
导出默认值(
);
在我的提供者中得到利用
export default (
<Provider store={store}>
<Router history={browserHistory}>{routes}</Router>
</Provider>
);
导出默认值(
{routes}
);
我是个新手,但我的理解是,当我访问endpoint nextpage时,应该同时呈现Index和Index2。但是,仅渲染第一个组件。要使这两个组件都出现,我还需要做什么 路线的每个孩子都将作为
道具提供。孩子
当您在/
时,索引将以道具呈现。子项
为空
当您在/nextpage
时,也将呈现索引
,但这次道具。子项
包含Index2
因此,在索引中
您必须考虑在哪里渲染道具。儿童
路径
的每个儿童都将作为道具。儿童
可用
当您在/
时,索引将以道具呈现。子项
为空
当您在/nextpage
时,也将呈现索引
,但这次道具。子项
包含Index2
所以,在索引中
你必须考虑你想在哪里渲染道具。孩子们
谢谢,不敢相信我错过了这么简单的东西。谢谢,不敢相信我错过了这么简单的东西。