Question

因此，我无法从下拉按钮获取所选值并分配给我的状态。

这是我的更改功能：

change = (e) => {
this.setState({
  [e.target.name]: e.target.value
})};

我的下拉菜单：

<Dropdown name="course" onChange={e => this.change(e)}>
            <Dropdown.Toggle variant="success" id="classes">
              Course
              </Dropdown.Toggle>
            <Dropdown.Menu>
              <Dropdown.Item>Math234</Dropdown.Item>
              <Dropdown.Item>Art101</Dropdown.Item>
              <Dropdown.Item>Something else</Dropdown.Item>
            </Dropdown.Menu>
          </Dropdown>

当用户在其他字段中键入某些内容时，确实会将其分配给我的其他状态值，这只是我遇到的麻烦。

Answer 1

如果仅执行onChange={this.change}并使用change方法中的console.log e.target.value会得到什么？您不必在匿名函数中传递e，因为e是默认情况下事件传递的第一个参数。我是React的新手，但普通的js事件就是这种方式

如何在reactJS中获得下拉选择的值并分配给状态？

1 个答案: