3-事件处理

React使用JSX传递函数而并非字符串来作为处理程序;

1-1

在react中不能通过return false来阻止默认行为,必须明确使用preventDefault();

3-事件处理_第1张图片
1-2

使用React时仅需要在元素初始渲染的时候添加一个监听器,如果是使用ES6 class语法定义一个组件,通常做法是将时间处理函数声明为class中的方法。

类方法中默认不会绑定this,所以需要自己添加

3-事件处理_第2张图片
1-3

但如果要向下传递给子组件作为props的话可能需要额外的重复渲染,所以最好还是在构造函数中完成绑定,可以避免这样的问题。

3-事件处理_第3张图片
1-4

传参,React时间对象e会被作为第二个参数传递,如果是箭头函数的方式,事件对象必须显性地进行传递,如果是通过bind那么事件对象和参数会被隐式的传递。

1-5

你可能感兴趣的:(3-事件处理)