Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何告诉react router v4在何处加载组件?_Javascript_Reactjs_React Router - Fatal编程技术网

Javascript 如何告诉react router v4在何处加载组件?

Javascript 如何告诉react router v4在何处加载组件?,javascript,reactjs,react-router,Javascript,Reactjs,React Router,这就是让我对react router 4感到困惑的事情。我目前在主父组件index.jsx中设置了路由。导航栏位于它自己的组件NavBar.jsx中 我希望这样,当您单击NavBar.jsx中的链接时,它会将组件加载到Body.jsx中。目前,它在整个屏幕上加载一个组件,替换所有内容 我相信在React Router 3中,你应该用这个.props.children做点什么,但如果你们能为我解释一下,我会非常感激。多谢各位 以下是最重要的组件代码: ReactDOM.render( ,docu

这就是让我对react router 4感到困惑的事情。我目前在主父组件index.jsx中设置了路由。导航栏位于它自己的组件NavBar.jsx中

我希望这样,当您单击NavBar.jsx中的链接时,它会将组件加载到Body.jsx中。目前,它在整个屏幕上加载一个组件,替换所有内容

我相信在React Router 3中,你应该用这个.props.children做点什么,但如果你们能为我解释一下,我会非常感激。多谢各位

以下是最重要的组件代码:

ReactDOM.render(

,document.getElementById('app')我认为没有办法指定在何处使用React Router 4呈现路由组件。它总是就地渲染。因此,您的组件将始终是渲染它的
路由的子组件


但是你可以在应用程序中设置许多
路由器
,例如一个在
Body.jsx
中,另一个在某个
边栏.jsx
中,这样你就可以得到你需要的结果。

我认为没有办法指定在哪里使用React Router 4呈现路由组件。它总是就地渲染。因此,您的组件将始终是渲染它的
路由的子组件


但是你可以在应用程序中有许多
路由器设置,例如一个在
Body.jsx
中,另一个在某个
侧边栏.jsx
中,这样你就可以实现你需要的结果。

我想出来了。在您希望加载链接的地方,您必须放置交换机,然后在那里路由,但不要在那里放置新路由器

类似于



我想出来了。在您希望加载链接的地方,您必须放置交换机,然后在那里路由,但不要在那里放置新路由器

类似于



请粘贴代码。请粘贴代码。我将尝试在那里放置另一个路由器,看看会发生什么。我将尝试在那里放置另一个路由器,看看会发生什么。