@withViewPortデコレータはどのようにReactで動作しますか？

Question

私はこのデコレータを読み取り、など@withViewPortの使用状況を源泉ました：

import React from 'react'; 
import withViewport from 'react-decorators/withViewport'; 

@withViewport 
class MyComponent { 
    render() { 
    let { width, height } = this.props.viewport; 
    return <div>Viewport: {width + 'x' + height}</div>; 
    } 
} 

React.render(<MyComponent />, document.body); 

どのようにこの作品@withViewPortデコレータに動作しますか？ウィンドウのサイズを変更している間に状態とこれらの状態が変化しますか？

Answer 1

これは、コンポーネントにwindow.resizeをリッスンするハンドラを追加する上位コンポーネントです。 SRC：https://github.com/kriasoft/react-decorators/blob/master/src/withViewport.js

デコレータがやってと同じです：

const MyComposedComponent = withComponent(MyComponent); 
render(<MyComposedComponent />, document.body);