オーバーフロー時のリアクションキャッチホイールイベント：隠し要素？

Question

要素がオーバーフローしている場合、リアクションコンポーネントのスクロール/ホイールイベントをキャッチする方法はありますか？このような

何か：私は同様の問題に実行していたので、

<Component onWheel={this.handleWheel.bind(this)}/> 

Answer 1

は、だから私はあなたの質問を見つけました。私の問題は、私のdivはスクロール可能ではなかったので、スクロールイベントやホイールの動きをキャプチャする必要がありました。私が何をしたか、この：

export default class MyComponent extends Component { 
     constructor(){ 
     super(); 
     } 

     handleScroll(e) { 
     console.log('Scroll event is being called', e); 
     } 

     componentDidMount() { 
      const holder = ReactDOM.findDOMNode(this.refs.holder) 
      holder.addEventListener('mousewheel', this.handleScroll); 
     } 

     componentWillUnmount() { 
      const holder = ReactDOM.findDOMNode(this.refs.holder) 
      holder.removeEventListener('mousewheel', this.handleScroll); 
     } 

     render() { 


     const hiddenRecipients = amountOfRecipients - children.length; 


     return (
      <div className="my_holder" ref="holder" />) 
} 
} 

だから基本的に私はちょうど参照を追加し、マウスホイールのイベントリスナーを添付しました。

希望します。