访问 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>
 ...

我怎么access/set 2个事件的道具，一个属性 like screenX

Answer 1

您可以访问事件的属性，就像在原版中一样 JavaScript。

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

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