Reactjs 如何创建一个简单的React下拉列表

如何使用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} />

在渲染中：

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

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

---

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

设置

选项={num}

在jsx中不起作用。您需要使用

标记：

这就是你所追求的：

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

{num.map（函数（n）{
返回（{n}）；
})}

如果你正在学习如何反应，我相信这会触及你所问问题的核心。以下是JSX：

<select name="category" value={category} onChange={event => handleCategoryChange(event.target.value)}>
            <option id="0" >Personal</option>
            <option id="1" >Work</option>
        </select>

---

这不是有效的属性：

option=“{num}”

。您需要

标记。好的，我稍后再试。还有更简单的吗？@Sylar，这是个玩笑吗？@Rjamstrong我在2021年看到这个问题，想知道为什么一开始就有人问这个问题。天哪！