react几种点击事件

方法一、最常用

<button onClick={function(){
      alert(111)
}}>点击1</button>

方法二、 返回一个函数，事件对象在返回的函数中

click2 = (a,b)=>{
	return (e)=>{
	  console.log(e);
	  console.log(a,b); //333 "aaa"
	}
}

<button onClick={this.click2(333,'aaa')}>点击2</button>

方法三、

click3 = (a, e) => {
	console.log(a, e)
}

<button onClick={(e)=>this.click3(111,e)}>点击3</button>

方法四、用bind绑定，调用是作为第二个参数传递

import React from 'react'
class Home extends React.Component {
  click4=(e,a)=>{
    console.log(e,a)
  }
  render () {
    return (
      <div>
        <button onClick={this.click4.bind(this,222)}>点击4</button>
      </div >
    )
  }
}
export default Home