代码之家 › 专栏 › 技术社区 › Franc

使用React创建可扩展的体系结构

tsx jsx plugins reactjs

23

Franc · 技术社区 · 9 年前

CMS发行版目前包括运行web应用程序所需的javascript的捆绑版本,但不包括原始TSX文件。

现在,我们想让使用我们的CMS的开发者能够通过以下方式扩展web应用程序:

使用“插槽填充”方法将其他部分添加到UI中

2) 甚至可能

<div>
  <SidebarComponent />
  <Section1Component />
  <Section2Component />
  // How to inject a  possible PluginComponent here?
</div>

从我们迄今为止进行的研究来看,似乎没有“官方”的方法来做到这一点,所以我想知道在这种情况下,什么是最好的方法。

3 回复 | 直到 9 年前

1

3

soupette 7 年前

我面临着同样的问题,我需要一个插件中的组件与另一个带有钩子系统的插件的组件进行交互。我用同样的方法创建了一个小的codesanbox,以适应您的需要。

injectedComponents.js 在插件的根目录下,指定组件需要注入的插件和区域。

2

Abhinav Singi 6 年前

为了实现这一点,单人水疗有一些很好的选择。请看看是否能帮到你。

3

0

Dan Hunex 5 年前

我迟到了,但是

然后,当你在基本应用程序中显示一个组件时,使用一个键从注册表中获取它。然后,一旦您将整个基础应用程序发布为包(请确保导出实用程序注册表)。用户可以注册具有相同名称的组件,并覆盖默认组件。