Question

我正在遍历一个数组，在数组中使用map函数为HTML select标签返回选项标签。但这似乎不起作用。已正确填充Project_titles数组数据。

我在其他地方使用了相同的代码，并且在那里工作。

render() {
  <select
    id="sel4"
    onChange={event => this.setState({ project: event.target.value })}
  >
    {this.func()}
  </select>;
}

func() {
  this.state.project_titles.map(function(title, i) {
    return (
      <option key={i} value={title}>
        {title}
      </option>
    );
  });
}

选择标记应填充选项，但为空。

Answer 1

这有效。代码的问题是您没有从func（）函数返回最终的Options数组。

render(){
  <select
    id="sel4"
    onChange={event => this.setState({ project: event.target.value })}
  >
    {this.func()}
  </select>;
};

func = () => {
  return this.state.project_titles.map(function(title, i) {
    return (
      <option key={i} value={title}>
        {title}
      </option>
    );
  });
};

遍历地图功能

1 个答案: