Как я могу получить доступ к значению массива в Site-core Jss?

Я новичок в Sitecore JSS. Я создаю простой компонент с помощью команды JSS scaffold. Существует переменная заголовка по умолчанию, и эта переменная заголовка доступна в моем файле 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/definition

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

Я могу получить доступ к переменной заголовка. но я не могу создать значение массива. Я хочу создать раскрывающийся список в своем компоненте, и значение раскрывающегося списка должно исходить из массива. Пожалуйста помогите мне это очень нужно для меня заранее спасибо