08React中事件的写法总结
1:事件与原生事件类型 react中式on+首字母大写的事件名 例如onClick 如图 只需要on以后常用的事件都会提示出来 2:在Content.js中新建一系列的按钮来对事件进行学习 2.1 普通的函数绑定 <button onClick={function(){alert('6666')}}>按钮1</button> 2.2 箭头函数的绑定 <button onClick={()=>{ alert("7777"); }}>按钮2</button> 2.3 箭头函数带参数 <button onClick={(e)=>{ e.target.style.color="red"; }}>按钮3</button> 2.4 页面部分 <button onClick={ this.show }>按钮4</button> 在render的上面定义一个函数 细节看alert中的提示 constructor(props){ super(props); this.state={ num:10 } //this.show9 = this.show9.bind(this); } show(){ alert("按钮4被点击 但是里面this会脱离上下文关系"); alert(this.state.num);//报错 this是undefined } 2.5 利用箭头函数 对this指向进行加强