reactjs – 如何获得选择值onTeact of react redux-form下拉

前端之家收集整理的这篇文章主要介绍了reactjs – 如何获得选择值onTeact of react redux-form下拉前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
即时通讯使用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函数@H_301_6@

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

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

你能为这段代码提供更多的上下文,也许把整个组件(以及任何模块或容器或其他东西)放在JSBin或Fiddle中?这将有助于SO海报更好地了解如何帮助您.也就是说,看起来您的代码是正确的.您可以从这样的选择类型中获取值:
onChange(event) {
  console.log(event.target.value);
}

这有帮助吗?@H_301_6@

原文链接:https://www.f2er.com/react/301021.html

猜你在找的React相关文章