第一种方法：
run(){
alert(this.state.name)
}
<button onClick={this.run.bind(this)}>按钮</button>
第二种方法：
构造函数中改变
this.run = this.run.bind(this);
run(){
alert(this.state.name)
}
<button onClick={this.run}>按钮</button>
第三种方法：
run=()=> {
alert(this.state.name)
}
<button onClick={this.run}>按钮</button>
第三种是最简洁和常见的写法
第一种方法： 第二种方法： 第三种方法： 第三种是最简洁和常见的写法
用ES6书写react组件成员函数绑定的三种方法如下，推荐使用第三种 第一种，使用bind来绑定 第二种，在构造函...
使用react，绕不开事件绑定和传参，react事件绑定的方法有以下几种。 方法一： 传参：onClick={th...
React事件处理函数绑定this的集中方法 Follow me on GitHub React事件处理函数绑定t...
目前的几种主流前端框架中，react是单向绑定，而angular.js和vue.js是双向绑定，实现双向绑定的方法...
JS有三种常用的绑定事件的方法 在DOM元素上直接绑定 在JS代码中绑定 在JS中绑定事件监听函数 在DOM中直接...
一，绑定到当前实例上 2,在onClick函数使用钩子函数引用方法 3，方法直接用钩子函数 简单总结下
事件 react中、原生事件绑定丢失this，绑定this写法 jsx中onClosed={ this.handl...
传统HTML中 handleclick函数自动绑定了this，而react中 需要手动绑定，下面是回调函数绑定...
在开发过程中，react定义的组件中，如果不为事件处理程序绑定this： 当我点击按钮，页面将报错，我将this打...
本文标题：React中绑定this三种方法
本文链接：https://www.haomeiwen.com/subject/mstslqtx.html
网友评论