react 点击事件传参数（两种）

方案一：之前的bind绑定this

import React, { Component } from "react";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = { click: false, value: "" };
  }

  handleClick(e, q) {
    console.log(e, q);
    this.setState({ click: !this.state.click, value: e });
  }

  render() {
    return (
      //根元素只能有一个
      

        
          {this.state.click ? "点击" : "已点击"}
        
        
{this.state.value}
      
    );
  }
}

export default App;

方案二：ES6箭头函数绑定this

import React, { Component } from "react";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = { click: false, value: "" };
  }

  handleClick(e, q) {
    console.log(e, q);
    this.setState({ click: !this.state.click, value: e });
  }

  render() {
    return (
      //根元素只能有一个
      

         this.handleClick(11, 22)}>
          {this.state.click ? "点击" : "已点击"}
        
        
{this.state.value}
      
    );
  }
}

export default App;