AEM WCM 组件 - Spa编辑器 - React Core 执行

本单元为集装箱提供反应执行 AEM 核心组件。 。 。 . 这只与 AEM SPA 编辑器。 。 。 .

视频和演示

当前支持/ 导出组件 :

集装箱

• 手风琴(V1)
• 木马(V1)
• 集装箱(V1)
• 标签( V1)

抽象

• 抽象染色体组件

使用量

您可以选择立即导入整个库 OR 单独导入组件 . 后者是有用的,如果您想要启用一些组件,并且您想要保存您的 Javascript 脚印. 另外,如果想要加载所有的核心组件,但是要用反应悬念来懒地加载,则需要单独导入.

导入整个库 :

import * as SpaCoreComponents from "@adobe/aem-core-components-react-spa";
const {CarouselV1, CarouselV1IsEmptyFn} = BaseCoreComponents;

单独导入 CaouselV1 组件:

import {CarouselV1, CarouselV1IsEmptyFn} from "@adobe/aem-core-components-react-spa/dist/container/carousel/v1/CarouselV1";

使用导入代码

既然您已经导入了 CaouselV1 和 CaouselV1 IsEmptyFn, 您可以在您的工程中使用它们 . 1上的按钮1的属性对应了斯林模型输出器(.model.json)输出.

注:有些例外,有些额外的属性被添加(主要是i18n标签),目前在OOTB sling模型导出中并不存在. 这些项目可以由项目本身加上授权。 如果它们不存在,则会使用默认值(英文).

Carousel - 温泉编辑器示例 :

MapTo('my-project/wcm/components/containers')(CarouselV1, {isEmpty: CarouselV1IsEmptyFn});

关于完整的项目,请访问 github 页面。 。 。 .