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); } 这有帮助吗? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |