五. React的处理事件
2018-05-07 本文已影响0人
zewweb
React元素处理时间跟在DOM元素上处理事件非常相似,但是有一些语法上的区别:
- React事件使用驼峰命名,而不是全部小写。
- 通过JSX,你传递一个函数作为事件处理,而并不是一个字符串。
- 在React中你不能通过"return false"来阻止默认行为,必须明确调用perventDefault()。
- 在JXS中必须注意this的指向并传给onClick,否则在调用函数时,会是undefined,例如:
this.handleClick = this.handleClick.bind(this)
注意:如果调用bind使你烦恼,那么有另外两种方法可以解决这个问题:
- 使用es6语法:
handleClick = () => {
console.log('this is:', this);
}
- 在回调时调用箭头函数:
onClick={(e) => this.handleClick(e)}