react学习之事件处理

原生js的事件都是全小写，如：onclick等
react的事件都是小驼峰，如：onClick
react的事件与原生js的事件驼峰名，一一对应

class Demo extends React.Component{
	handleMe = (event) => {
		console.log(event.target)
		alert("点击事件");
	}
	render(){
		return (
			// 原生点击事件是 onclick， react是onClick
			<div onClick={this.handleMe}>点击我</div>
		)
	}
}

总结：

• 通过onXxx 属性指定事件处理函数

1. React使用自定义(合成)事件，而不是原生DOM事件
2. React中的事件是通过事件委托的方式处理的(委托给组件最外层的元素)

• 事件的参数的target属性时触发事件的DOM元素对象。