Question

我正在使用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标签将具有默认值（如果存在）或不包含任何内容。

我想念什么或做错什么了？

在React Js和Materialize中填充来自API的选择

0 个答案: