如何创建一个简单的React Dropdown

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>