Я использую 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 будет иметь значение по умолчанию, если оно существует, или ничего.
Что я пропустил или сделал неправильно?