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

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'))

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

你可能感兴趣的:(React实现下拉框的key,value的值同时传送)