使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异:
react事件使用驼峰命名法,而不是全部小写命名。
使用JSX你传递一个函数作为事件处理程序,而不是一个字符串。
例如,HTML:
在React中略有不同:
另一个区别是,你不能返回false来防止React中的默认行为。 您必须显式调用preventDefault。 例如,使用纯HTML,为了防止打开新页面的默认链接行为,您可以写:
Click me
在React中,这可以改为:
function ActiveLink() {
function handleClick(e) {
e.preventDefault();
console.log('The link was clicked');
}
return (
click me
);
}