整体结构

workInProgress.tag

• HostComponent

  在 React 中，HostComponent 对应的是底层平台的原生组件，例如在 Web 平台上对应的是 DOM 元素。它是由 React 提供的接口用于将 React 组件渲染到特定的平台上。HostComponent 是具有原生功能的组件，它通过与底层平台的交互来实现渲染和更新。

  在 React 内部，HostComponent 是由 Renderer 来管理和操作的，它负责创建、挂载、更新和卸载底层平台的原生组件。

  例如，在使用 React 进行 Web 开发时，可以使用 HostComponent 来表示 <div>、<span>、<input> 等 HTML 元素。当使用 React 创建这些元素的组件时，React 将会创建相应的 HostComponent，并将其插入到 DOM 中进行渲染和更新。

• LazyComponent

  由 React.lazy 函数常见，该函数接受一个动态 import() 函数作为参数，用于异步加载组件的代码。当组件被需要渲染时，React 会自动按需加载该组件，并在加载完成后进行渲染。