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

あなただけのバニラはJavaScriptのように、イベントのプロパティにアクセスすることができますようにプロパティを設定/アクセスします。

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

注：非同期イベントにアクセスしたい場合、あなたは、イベントハンドラの先頭でe.persist()を呼び出します。