Как передать данные в параметры в с Semanti c UI React? - PullRequest
Новая
       64

Как передать данные в параметры в с Semanti c UI React?

0 голосов
/ 06 августа 2020

У меня есть список предметов. Элементы извлекаются динамически из API и должны отображаться в <select/> Я использую компоненты semanti c -ui response.

options принимает объект в форме: { key: "", text: "", value: "" }

Это форма: 

<Form size="large">
  <Form.Select
    fluid
    label="Application Name"
    name="appName"
    onChange={(event) => fetchHandler(event)}
    options={} --> Item to be passed
  />
</Form>

Это то, что я пробовал: Здесь варианты - это ответ, и я добавляю элемент appName в список appNames. 

let appNames = [];
options.map((value) => {
  value.map((app) => {
    return appNames.push(app.appName);
  });
});

const appNameHandler = () => {
  let appOptions = [
    {
      key: '',
      text: '',
      value: '',
    },
  ];
  for (let key = 0; key >= appNames.length; key++) {
    appOptions.push(...appNames, {
      key: key,
      text: appNames,
      value: appNames,
    });
  }
  console.log(appOptions);
  return appOptions;
};

Есть ли лучший способ решения этой проблемы?

1 Ответ

2 голосов
/ 06 августа 2020

Сложно сказать, что вы делаете, но я бы сделал это вот так 

const appNames = [];
options.forEach((value) => {
  value.forEach((app, index) => {
    appNames.push({
       key: index,
       text: app.appName,
       value: app.appName,
    });
  });
});

, а затем передал appNames параметрам.

Нет необходимости использовать 'map', если вы не используете возвращенный массив.

...