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

Question

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

理想情况下，一个团队希望创建一个新的 SPA，他们将能够向他们的 SPA 添加一些东西，让他们的网站共享一个共同的外观/感觉，也许还有导航。

我设想这是一个由我控制的主导航(标题、导航菜单等)，其中许多链接到实际上是独立 SPA 页面的子页面。但是，如果我们想要共享诸如设置、权限、布局方案之类的东西，是否有一种经过实践检验的真实方法可以做到这一点？

我是一名经验丰富的 Web 开发人员，对 Angular 或 React 方式还很陌生。在那天，我只会创建一个框架，或者有一个标题，它是服务器端包含的各种类型。但我觉得现在情况可能会非常不同或更加复杂。

这里的目标是，如果我们想要更改外观/感觉方案，或者想要更改主标题/导航，我们不必单独更新所有 SPA 来执行此操作。因此，这不仅仅是如何创建 SPA(有据可查)，更像是“作为一家公司，我们可以做些什么来集中和容纳我们团队的所有 Web 应用程序？”

提前致谢

Answer 1

您想了解 React 中的“高阶组件 (HOC)”。基本上，您将在 React 组件内定义一个布局(假设您创建了 /src/components/Layout/Layout.js)，然后导入您的 Header(.js) 和 Footer(.js) 组件并将 {props.children} 放在中间(这是呈现路由内容的地方。

但在你这样做之前，你应该了解路由、嵌套组件、 Prop 和东西是如何工作的，否则我写的可能没有多大意义。