如何从单个构建中加载单独的组件

Question

所以情况是我正在为在 php yii 框架.

上运行的遗留网站编写代码

我的任务是为该项目制作一些组件，其中一些属于 PageA 并且假设该页面的所有组件都是从 ContainerA 加载的，我还有其他页面可以调用它PageB 组件很少，所有组件都是从 ContainerB 加载的，现在我必须为该项目创建构建所有这些组件都是 single build

我的问题是如何从具有现有 框架路由

的 单个构建 从各自的页面加载这些组件

编辑：我希望能提供一个代码示例，以便更好地理解

Answer 1

您可以在构建的入口文件中进行多次 ReactDOM.render 调用，并在呈现该特定页面的组件树之前检查该页面的容器是否存在于文档中。

例子

const pageOneContainer = document.getElementById('page-one-container');
if (pageOneContainer) {
  ReactDOM.render(<PageOneComponent />, pageOneContainer);
}

const pageTwoContainer = document.getElementById('page-two-container');
if (pageTwoContainer) {
  ReactDOM.render(<PageTwoComponent />, pageTwoContainer);
}

如何从单个构建中加载单独的组件

How to load separate component from a single build

javascript

reactjs

yii