react事件:
- 绑定事件的命名,用驼峰命名法
- { } 中传入一个 函数,而不是字符串
<button onClick={this.sendData}>传递数据给父元素</button>
- react返回的事件对象是代理的原生事件对象,如果想要查看事件对象的具体值,必须直接输出事件对象的属性,直接输出console.log(event)打印出属性值都为null
- 原生js阻止默认行为时,可以直接返回return false,react中,阻止默认行为必须e.preventDefault();
- react事件传参:
{/*使用箭头函数传递多个参数*/}
<button onClick={(e)=>{this.parentEvent('msg',e)}}>提交</button>
{/*不使用箭头函数传递多个参数*/}
<button onClick={function(e){this.parentEvent('msg',e)}.bind(this)}>提交</button>