2016-04-29 6 views

答えて

0

基本的にあなたが使用する必要があり、あなたのコンポーネントでのライフサイクルメソッドを反応...

var Box = React.createClass({ 
    getInitialState: function() { 
    return {windowWidth: window.innerWidth}; 
    }, 

    handleResize: function(e) { 
    this.setState({windowWidth: window.innerWidth}); 
    }, 

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

    componentWillUnmount: function() { 
    window.removeEventListener('resize', this.handleResize); 
    }, 

    render: function() { 
    return <div>Current window width: {this.state.windowWidth}</div>; 
    } 
}); 

ReactDOM.render(<Box />, mountNode); 

私は、このリンクが:)

https://facebook.github.io/react/tips/dom-event-listeners.html

を助けるべきだと思います
関連する問題