37 lines
1.5 KiB
Markdown
37 lines
1.5 KiB
Markdown
|
---
|
|||
|
|
name: jjb-cloud-component-overview
|
|||
|
|
description: 定义 JJB 云组件概述与导入规范。在需要使用 CloudComponent、ImportCloudComponent 或 @cqsjjb/jjb-cloud-component 时查阅。
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# 云组件使用规范
|
|||
|
|
|
|||
|
|
## 概述与导入
|
|||
|
|
|
|||
|
|
## 概述
|
|||
|
|
|
|||
|
|
云组件支持动态加载远程 React 组件，实现组件的远程部署和动态更新。
|
|||
|
|
|
|||
|
|
- **组件库**：`@cqsjjb/jjb-cloud-component`
|
|||
|
|
- **核心组件**：`CloudComponent` - 用于加载和渲染云组件
|
|||
|
|
- **工具函数**：`ImportCloudComponent` - 手动导入云组件模块
|
|||
|
|
- **样式管理**：`useUnMountCloudComponentStyle` - 卸载云组件样式
|
|||
|
|
- **已发布的云组件检索表**：[https://cdn.cqjjb.cn/](https://cdn.cqjjb.cn/) - 查看所有已发布的云组件列表
|
|||
|
|
- **可视化组件市场**：[https://jcloud.cqjjb.cn/container/home](https://jcloud.cqjjb.cn/container/home) - 可视化浏览和选择云组件
|
|||
|
|
|
|||
|
|
**📝 说明**：本文档仅介绍如何在项目中使用云组件。如何开发云组件、如何发布云组件不在本文档范围内。
|
|||
|
|
|
|||
|
|
**⚠️ 重要约束**：必须严格参考对应 MD 文档或 `.d.ts` 文件！不得猜测组件属性！
|
|||
|
|
|
|||
|
|
## 导入方式
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
// 导入 CloudComponent 组件
|
|||
|
|
import CloudComponent from '@cqsjjb/jjb-cloud-component/CloudComponent';
|
|||
|
|
|
|||
|
|
// 或从主入口导入
|
|||
|
|
import { CloudComponent } from '@cqsjjb/jjb-cloud-component';
|
|||
|
|
|
|||
|
|
// 导入工具函数
|
|||
|
|
import { ImportCloudComponent, useUnMountCloudComponentStyle } from '@cqsjjb/jjb-cloud-component';
|
|||
|
|
```
|