reactjs - 在 ReactJS 中如何将核心和本地（项目特定）组件集成为插件

Question

ReactJS我正在使用and构建应用程序前端redux state container。这个应用程序（核心）将在一些不同的项目中重用，其中一些我需要一些额外的功能/扩展（插件）。这些需要与核心分开。应用程序和扩展在客户端的浏览器上呈现（我没有在服务器上预呈现任何东西）。

我正在寻找一种方法：
a）创建一个可以访问核心应用程序状态
的“第三方”插件 b）从核心应用程序中呈现一个“第三方”插件组件

有任何想法吗？
谢谢 ;）

Answer 1

@romek 据我了解，您的用例听起来像是软件扩展（模块化）的经典案例。我的建议是清楚地了解使组件/容器工作所涉及的部分。这些是（根据我的经验）-

1. 从存储中读取数据（选择器）。
2. 将数据写入存储（reducers）。
3. 处理其他副作用/交互（thunk 或 sagas）。
4. 使用这些模块的实际组件。

现在，一旦您确定了所有这些部分（或更多部分），您就可以让每个第 3 方组件授予/实施此设计。现在你只需要导入组件并渲染它。

希望这可以帮助！