访问React事件的道具

Question

https://facebook.github.io/react/docs/events.html

我正在使用onMouseOver和onMouseOUt事件。

...
mouseOver(e) {
  this.setState({hover: true});
}

mouseOut(e) {
  this.setState({hover: false});
}

render() {
...
<NavItem
  onMouseOver={this.mouseOver.bind(this)}
  onMouseOut={this.mouseOut.bind(this)}
  eventKey={0} href='#'
</NavItem>
 ...

我如何访问/设置2个事件的道具，如screenX

这样的属性

Answer 1

您可以访问活动的属性，就像在vanilla JavaScript中一样。

mouseOver(e) {
  const screenX = e.screenX;
  this.setState({hover: true});
}

注意：如果要异步访问事件，可以在事件处理程序的开头调用e.persist()。