reactjs - 如何创建一个简单的 React 下拉菜单

Question

如何使用 React 创建一个非常非常简单的下拉选择？似乎没有什么作用。

我有一个数组:var num = [1,2,3,4,5]

功能:

num(e){
 this.setState({selected: e.target.value});
}

在渲染中:

<select option="{num}"  value={this.state.selected} onChange={this.num} />

没有错误消息，什么也没有。我通常使用 npm 插件来实现此目的，但我只需要一些基本的东西。

Answer 1

设置option={num}在 jsx 中不起作用。您需要使用<option>标签:

您所追求的是这样的:

<select name="select" onChange={this.num}>
  {num.map(function(n) { 
      return (<option value={n} selected={this.state.selected === n}>{n}</option>);
  })}
</select>