React 新手,想深入了解如何最好地创建一个网站,该网站最终将拥有许多由不同团队开发的 SPA。
理想情况下,一个团队希望创建一个新的 SPA,他们将能够向他们的 SPA 添加一些东西,让他们的网站共享一个共同的外观/感觉,也许还有导航。
我设想这是一个由我控制的主导航(标题、导航菜单等),其中许多链接到实际上是独立 SPA 页面的子页面。但是,如果我们想要共享诸如设置、权限、布局方案之类的东西,是否有一种经过实践检验的真实方法可以做到这一点?
我是一名经验丰富的 Web 开发人员,对 Angular 或 React 方式还很陌生。在那天,我只会创建一个框架,或者有一个标题,它是服务器端包含的各种类型。但我觉得现在情况可能会非常不同或更加复杂。
这里的目标是,如果我们想要更改外观/感觉方案,或者想要更改主标题/导航,我们不必单独更新所有 SPA 来执行此操作。因此,这不仅仅是如何创建 SPA(有据可查),更像是“作为一家公司,我们可以做些什么来集中和容纳我们团队的所有 Web 应用程序?”
提前致谢
最佳答案
您想了解 React 中的“高阶组件 (HOC)”。基本上,您将在 React 组件内定义一个布局(假设您创建了 /src/components/Layout/Layout.js
),然后导入您的 Header(.js)
和 Footer(.js)
组件并将 {props.children}
放在中间(这是呈现路由内容的地方。
但在你这样做之前,你应该了解路由、嵌套组件、 Prop 和东西是如何工作的,否则我写的可能没有多大意义。
关于html - 为 React 应用程序创建站点范围的模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54988514/