react常用技巧

一、点击事件操作

<Input placeholder="请输入用户名"
                  value={this.state.form.username}
                  onChange={(e) => this.handdleChange(e, "username")}
                  allowClear={true}
                />


  handdleChange = (e, name) =>{  ==>es写法可以获取this对象的值
    console.log(name);
   // this.state.form[name] = e.target.value;
    let data = this.state.form;
    data[name] = e.target.value;
    this.setState({
      form:data
    })
  }

二、如何更改深层次的state里面的值

如 this.state = {
	type:'',
	form:{
	   name:'',
           age:''
        }
  }

  handdleChange = (e, name) =>{  ==>es写法可以获取this对象的值
    console.log(name);
    let data = this.state.form;
    data[name] = e.target.value;
    this.setState({
      form:data
    })
  }