Question

我正在使用react redux表单字段，我有下拉类。我可以从下拉菜单中选择任何一个班级。但问题是，当我从下拉列表中选择任何值（类）时，我想触发onChange操作。当我用on on触发动作时，下拉值没有设置，也没有显示选定的值。我正在使用以下代码行

<Field name="class._id" component="select" className="form-control" onChange={this.onChange.bind(this)} >
              <option value="">Select class...</option>
              {this.props.classes.map(Class =>
              <option value={Class._id} key={Class._id} >{Class.name}</option>)}
</Field>

这里是onChange函数

 onChange(){
     console.log(" Triggered")
  }

如果我没有设置onChange事件，我的下拉工作正确，它会正确显示所选值并使用正确的文本。但我想在每次使用时调用函数选择任何值

Answer 1

你能为这段代码提供更多的上下文，或者把整个组件（以及任何模块或容器或其他东西）放在JSBin或Fiddle中吗？这将有助于SO海报更好地了解如何帮助您。也就是说，看起来您的代码是正确的。你可以从这样的选择中获得价值：

onChange(event) {
  console.log(event.target.value);
}

这有帮助吗？

Answer 2

可能你应该更好地使用redux和标准html元素的字段prop？

const {fields} = this.props
<select {...fields.class} onChange={this.handleChange}>
...

handleChange(event) {
    // do your stuff
    this.props.fields.class.onChange(event)
}

如何获得选择值onChange of react redux-form下拉

2 个答案: