为React应用程序创建站点范围的模板

问题描述 投票:0回答:1

React的新手,想要了解如何最好地创建一个最终将拥有许多SPA的网站,由不同的团队开发。

理想情况下,一个团队想要创建一个新的SPA,他们可以在他们的SPA中添加一些东西,这样可以让他们的网站分享一个共同的外观/感觉,也许还有导航。

我设想这里有一个我控制的主导航(标题,导航菜单等),其中许多链接到子页面,实际上是独立的SPA页面。但是,如果我们想要分享设置,权限,布局方案等内容,是否有一种尝试过的方法呢?

我是一位资深的Web开发人员,他对Angular或React方式都很陌生。在那一天,我只是创建一个框架,或者,有一个标题,服务器端包括各种类型。但我觉得现在情况可能会非常不同或更复杂。

这里的目标是,如果我们想要改变外观/感觉方案,或者想要更改主标题/导航,我们就不必单独更新所有SPA来做到这一点。所以这不仅仅是如何创建一个SPA(这是一个非常好的文档),而是更多的“作为一个公司,我们可以做什么来集中和容纳我们团队的所有网络应用程序?”

提前致谢

html css reactjs
1个回答
0
投票

您想在React中查看“高阶组件(HOC)”。基本上,你将在React Component中定义一个Layout(假设你创建/src/components/Layout/Layout.js),在那里导入你的Header(.js)Footer(.js)组件并将{props.children}放在中间(这是路由内容被渲染的地方)。

但是在你能够做到这一点之前,你应该学习如何路由,嵌套组件,道具和东西,或者我写的内容可能没有多大意义。

© www.soinside.com 2019 - 2024. All rights reserved.