加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 20:48:50 所属栏目:百科 来源:网络整理
导读:即时通讯使用react redux表单字段,我有下拉类.我可以从下拉菜单中选择任何一个班级. 但问题是,当我从下拉列表中选择任何值(类)时,我想触发onChange操作.当我用on on触发动作时,下拉值没有设置,也没有显示选定的值. 即时通讯使用以下代码行 Field name="class
即时通讯使用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事件,我的下拉工作正确,它会正确显示所选值并使用正确的文本.
但是我想在每次使用时调用函数选择任何值

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

这有帮助吗?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读