Заполнение Выбрать из API в React Js и Материализация - PullRequest
0 голосов
/ 10 октября 2018

Я использую Materialize для стилизации моих компонентов React.Я могу инициализировать выбор, используя

$(document).ready(function(){
  $('select').formSelect();
});

, который я поместил на страницу index.html, и он хорошо работает, чтобы показать теги выбора в различных компонентах.Проблема возникает, когда мне нужно извлечь данные из API и затем заполнить теги <option>, используя for loop в такой функции:

const populate = (payload) => {
  const options = [];
  for (const x in payload) {
    const option = payload[x];
    options.push(<option value={option.value}>{option.label}</option>);
  }
  return options;
};

в приведенном выше коде, я отправляю полезную нагрузку вфункция populate() и полезная нагрузка представляют собой список словарей с двумя ключами в каждом объекте: label и value.

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

Что я пропустил или сделал неправильно?

...