reactjs事件侦听器window.resize

Question

我是新来reactjs，我试图做一个表完全一样使用反应这一个在小提琴： http://jsfiddle.net/hashem/crspu/555/

我创造了这个组件：

export default class Table extends Component { 

    render(){ 
     return <table className="scroll"> 
      <thead> 
       <tr> 
        <th>Head 1</th> 
        <th>Head 2</th> 
        <th>Head 3</th> 
        <th>Head 4</th> 
        <th>Head 5</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Content 1</td> 
        <td>Content 2</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
       <tr> 
        <td>Content 1</td> 
        <td>Lorem ipsum dolor sit amet.</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
       <tr> 
        <td>Content 1</td> 
        <td>Content 2</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
       <tr> 
        <td>Content 1</td> 
        <td>Content 2</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
       <tr> 
        <td>Content 1</td> 
        <td>Content 2</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
       <tr> 
        <td>Content 1</td> 
        <td>Content 2</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
       <tr> 
        <td>Content 1</td> 
        <td>Content 2</td> 
        <td>Content 3</td> 
        <td>Content 4</td> 
        <td>Content 5</td> 
       </tr> 
      </tbody> 
     </table> 
    } 

} 

你能帮我在处理事件监听器的调整大小，如从jquery例子中所示的反应方式？

Answer 1

只需在componentWillMount() {}中注册纯DOM事件，并记住将其解除绑定在componentWIllUnmount() {}。

Answer 2

这将让你看调整大小事件：

componentDidMount() { 
     this.handleResize(); 
     window.addEventListener('resize', this.handleResize.bind(this)); 
} 


handleResize() { 
      console.log("I've been resized!"); 
}