A04 React+AntDesign 方法、事件、获取数据、改变数据、改变this指向

1 定义方法

与构造函数construct、和渲染函数render平级

 2 在方法中获取数据

改变this指向的五种方式

getData1(){
        alert(this.state.msg1);
    }
<button onClick={this.getData1.bind(this)}>获取数据方式1</button>
在构造函数construct中写入
this.getData2=this.getData2.bind(this);
 getData2(){
        alert(this.state.msg2);
    }
 <button onClick={this.getData2}>获取数据方式2</button>
getData3=()=>{
        alert(this.state.msg3);
    }
 <button onClick={this.getData3}>获取数据方式3</button>

⑤function(event){pass}改为(event)=>{pass}

⑥function(event){pass}改为function(event){pass}.bind(this)

 

 

 3 改变绑定的数据

 4  执行方法传值

 

 5 把input值提交给state值

原文地址:https://www.cnblogs.com/nuister/p/12430846.html