react学习记录-事件监听

事件监听

在 React.js 不需要手动调用浏览器原生的 addEventListener 进行事件监听。React.js 帮我们封装好了一系列的 on* 的属性，当你需要为某个元素监听某个事件的时候，只需要简单地给它加上 on* 就可以了。而且你不需要考虑不同浏览器兼容性的问题，React.js 都帮我们封装好这些细节了。

要注意的是，这些事件属性名都必须要用驼峰命名法。

React中的event 对象

事件监听函数会被自动传入一个event对象，不同的是React.js中的event对象并不是浏览器提供的，而是它内部构建的。React.js将浏览器原生的event对象封装了一下，对外提供统一的API和属性，好处是不用考虑浏览器的兼容性。

下面是一个打印的例子：

class Title extends Component {
  handleClickOnTitle (e) {
    console.log(e