React合成の `window`オブジェクトはありますか？

windowオブジェクトが合成されたかどうかに反応するかどうかは疑問でした。React合成の `window`オブジェクトはありますか？

されていない場合、私は、私は、ビューポートの幅と高さを決定するために、次のコードが必要になり想定しています

const w = window, 
    d = document, 
    documentElement = d.documentElement, 
    body = d.getElementsByTagName('body')[0], 
    width = w.innerWidth || documentElement.clientWidth || body.clientWidth, 
    height = w.innerHeight || documentElement.clientHeight || body.clientHeight

出典

2017-04-05 Archimedes Trajano

windowオブジェクトは、通常のDOMオブジェクトです。

~~キャッチは、コンポーネントがマウントされた後にのみ利用できるということです。~~

componentDidMount() { 
    const w = window, 
    d = document, 
    documentElement = d.documentElement, 
    body = d.getElementsByTagName('body')[0], 
    width = w.innerWidth || documentElement.clientWidth || body.clientWidth, 
    height = w.innerHeight || documentElement.clientHeight || body.clientHeight 
}

https://facebook.github.io/react/docs/react-component.html#componentdidmount

更新：

DOM負荷が前にリアクト場合は、windowオブジェクトがcomponentWillMountで利用可能です。文書の<head>にReactをロードしていない限り、私はcomponentWillMountを使用しても問題ないと思います。

注：レンダリングしようとしている実際のコンポーネントはまだ存在しませんが、windowが存在する可能性があります。

出典

2017-04-05 01:35:27

メソッド名を変更したい場合は、小さな 'c'で始まると思います。 –

@ArchimedesTrajanoおっと。更新しました。 –

また、マウントされていることに気づいたが、それは矛盾するhttp://stackoverflow.com/questions/19014250/reactjs-rerender-on-browser-resize –