2016-05-25 18 views
0

https://facebook.github.io/react/docs/events.htmlZugriff auf Requisiten von React Ereignisse

ich die onMouseOver und onmouseout Ereignisse verwenden.

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

Wie würde ich zugreifen/die Requisiten der 2 Veranstaltungen gesetzt, eine Eigenschaft, wie screenX

Antwort

1

Sie die Eigenschaften des Ereignisses zugreifen können, wie in Vanille JavaScript.

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

Hinweis: Wenn Sie das Ereignis asynchron zugreifen möchten, würden Sie e.persist() am Anfang Ihrer Event-Handler aufrufen.