// react事件处理 react绑定事件使用的是小驼峰命名法 在绑定函数的时候不能加() --->函数会立即执行
// 1.修改this指向
// 1.bing方式原地绑定
// 2.函数通过箭头函数进行创建
// 3.consternation中提前绑定
// 4吧事件的调用写成箭头函数的调用方式
class Com extends React.Component{
constructor(props){
super(props)
this.func=this.func.bind(this)
}
funa(){
console.log(this)
}
funb=()=>{
console.log(this)
}
func(){
console.log(this)
}
fund(){
console.log(this)
}
fune=(i,e)=>{
console.log(i)
console.log(e)
}
render(){
return(
<div>
我是组件
<button onClick={this.funa.bind(this)}>bing方式绑定</button>
<button onClick={this.funb}>箭头函数绑定</button>
<button onClick={this.func}>提前绑定</button>
<button onClick={()=>{this.fund()}}>调用方式为箭头函数</button>
<h1>函数实参传递</h1>
<button onClick={this.fune.bind(this,"我是参数")}>点我传递实参</button>
<button onClick={(e)=>{this.fune("我是参数2",e)}}>点我传递实参2</button>
</div>
)
}
}
ReactDOM.render(<Com />,document.getElementById("demoReact"));