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