我正在将React Router添加到现有项目中。
目前,将模型传递到根组件中,该组件包含用于子导航的导航组件和主要组件。
我发现的React Router的示例只有一个子组件,在不重复两个子组件的情况下改变两个子组件的最佳方法是什么?
将React-Router用于布局页面或每页面多个组件
我正在将React Router添加到现有项目中。
目前,将模型传递到根组件中,该组件包含用于子导航的导航组件和主要组件。
我发现的React Router的示例只有一个子组件,在不重复两个子组件的情况下改变两个子组件的最佳方法是什么?
第3970篇《将React-Router用于布局页面或每页面多个组件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
该组件可以是返回JSX的函数。
<Route>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="Invite" component={()=>(<div><Home/><Invite/></div>)} />
</Route>
</Route>
相似问题
问题类别
2019年+
The simple and clean way to do it and avoid abusive re-rendering is (tested on react router v5, need to be confirmed on react router v4):
which can be refactored to:
with: