0

我是 Sitecore JSS 的新手。我使用 JSS 脚手架命令创建了一个简单的组件。有一个默认的标题变量，这个标题变量可以在我的 en.yml 文件中访问。

Component under src/components
import React from 'react';
import { Text } from '@sitecore-jss/sitecore-jss-react';
const TestComponent = (props) => (
  <div>
    <p>TestComponent Component</p>
    <Text field={props.fields.heading} />
  </div>
);
export default TestComponent;

Sitecore/定义下的组件定义

import { CommonFieldTypes, SitecoreIcon, Manifest } from '@sitecore-jss/sitecore-jss-manifest';
export default function(manifest) {
  manifest.addComponent({
    name: 'TestComponent',
    icon: SitecoreIcon.DocumentTag,
    fields: [
      { name: 'heading', type: CommonFieldTypes.SingleLineText },
    ],
  });
}

en.yml 文件

placeholders:
  jss-main:
  - componentName: TestComponent
    fields:
      heading: hello  vishnu

我能够访问标题变量。但我无法创建数组值。我想在我的组件中创建一个下拉列表，下拉值应该来自数组。请帮助我，这对我来说非常必要，提前谢谢

4

1 回答 1

0

JSS 没有下拉组件OOO，而是参考JSS 的复选框组件，然后您可以修改标记以遵循下拉菜单的结构。

Checkbox的实现位于此位置：/src/components/Styleguide-FieldUsage-Checkbox/index.js

和，定义：/sitecore/definitions/components/Styleguide-FieldUsage-Checkbox.sitecore.js

如果要创建自定义字段，请按照以下信息 实现遵循 JSS 的自定义组件：/src/components/Styleguide-FieldUsage-Custom/index.js

定义：/sitecore/definitions/components/Styleguide-FieldUsage-Custom.sitecore.js

于 2020-07-07T12:27:26.567 回答