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

标签 html css reactjs

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/

相关文章:

html - 为什么 "flex-direction: row"对这些图像不起作用?

html - 在 Django 中操作 oembed

reactjs - 无法使用 React-Query + Graphql-Request 在 useQuery 中传递参数

javascript - 祖 parent 组件不将参数传递给函数

javascript - 计算 React.js 中 API JSON 响应的出现次数结果

html - Bootstrap wordpress 移动菜单不起作用

javascript - 在纯 javascript 中启用/禁用按钮

php - 我制作的应该向 mysql 表添加条目的 php 页面没有对该表执行任何操作

css - 没有正确分割div

css - IE 图像大小问题