React 手动实现 this 的绑定的几种方法

class Hello extends React.Component {
        //最后一个参数是事件对象
    handleClick(param1,param2,event){
    alert(param1+"："+param2 + ":"+event);
  }
  render() {
            //通过bind(),可以传递单个或多个参数
    return <div onClick = {this.handleClick.bind(this,'test','test2')}>
              Hello {this.props.name} 
          </div>;
  }
}

class Hello extends React.Component {
    handleClick(event){
    alert(event);
  }
  render() {
        //类似于{this.xxx.bind(this)}
    return <div onClick = {::this.handleClick}>
              Hello {this.props.name} 
          </div>;
  }
}

class Hello extends React.Component {
    constructor(arg){
    super(arg);
        //参数传递跟一类似
        this.handleClick = this.handleClick.bind(this,'test');
  }
    handleClick(arg,e){
    alert(arg+":"+e);
  }
  render() {
    return <div onClick = {this.handleClick}>
              Hello {this.props.name} 
          </div>;
  }
}

class Hello extends React.Component {
    constructor(arg){
    super(arg);
  }
    handleClick(arg,e){
    alert(arg+":"+e);
  }
  render() {
        //e为事件对象
    return <div onClick = {(e)=>{this.handleClick('test',e)}}>
              Hello {this.props.name} 
          </div>;
  }
}

class Hello extends React.Component {
    constructor(arg){
    super(arg);
  }
    handleClick = (e)=>{
    alert(e)
  }
  render() {
    return <div onClick = {this.handleClick}>
              Hello {this.props.name} 
          </div>;
  }
}