React render中调用方法传参的几种方式

方式一：方法内写高阶函数

getData = (params) => {
    return () => {
        console.log(params)
    }
}
render() {
    return (
        <div>
            <button onClick={this.getData(666)}>传参方式</button>
        </div>
    );
}

方式二：调用函数时改变函数this指向

getData = (params) => {
    console.log(params)
}
render() {
  return (
      <div>
          <button onClick={this.getData.bind(this, 11)}>传参方式</button>
      </div>
  );
}

方式三：调用时写回调的形式

getData = (params) => {
   console.log(params)
}
render() {
  return (
      <div>
          <button onClick={() => this.getData(11)}>传参方式</button>
      </div>
  );
}