React

Posted on

React Study Note10

如何获得evnt原生事件

通过e.nativeEvent获取原生事件对象
import * as React from ‘react’

class Child extends React.Component {
  constructor(props) {
     super(props) 
     this.update = this.update.bind(this)
  }

  update(e) {
      console.log(e.nativeEvent)
  }

  render() {
    return (<div>
      <button onClick={this.update}>更新</button>
    </div>)
  }
}

解决冒泡和取消默认事件

e.preventDefault() //取消默认行为

e.stopPropagation() //取消冒泡

这个和浏览器原生事件处理方案是一致的。问题是我们只可以调合成事件的e的方法，不可以通过e.nativeEvent方法做这些操作，原因是上文讲过的委托。