您现在的位置是：网站首页> 编程资料编程资料

React实现下拉框的key,value的值同时传送_React_

2023-05-24 369人已围观

简介 React实现下拉框的key,value的值同时传送_React_

React下拉框的key,value的值同时传送

需求

一般下拉框选择后会传送一个ID号给后台，然而今天后台要让前端页面将id和name，一起送过去。

总结思路

开始没想到要到Select，里面加一个事件来传值，想的是选择后确认值然后通过用户选择的来将用户的选的值取出来在送过去，然在就在Option里面加事件，来触发现传过去的值是所有的name，然后就不能打到实际效果，后面找到api看到这个

onSelect

 {getFieldDecorator('departmentName', { initialValue: '', validateTrigger: 'onBlur', })(  )}

hadleDepartment = (e, obj) => { this.setState({ departmentId1: e, departmentName1: obj.props.children, }); }

这样后就可以将key和value同时传送给后台了

React属性传值 key:value形式

key:value传值

步骤：

1、通过

2、通过{this.props.name}接收

var arr=[1,2,'hii'] var obj={ name:'小明', age:22 } var Demo=React.createClass({ render(){ console.log(this.props) return( 属性
{this.props.name}
{this.props.arr[2]}
{this.props.obj.name}
{obj.name}
 ) } }) ReactDOM.render(,document.getElementById('out'))

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章: