rehydrateの更新方法を少し変えたスタイル小道具

Question

私は次のレンダリング方法で非常に単純なアプリケーションを持っているとしましょう。今、私はそのスタイルの小道具が一致していないと言って警告を受けるが、それ以外everyhingはまだ事実を除いて、オールライト作品DOMを再水和しようとすると、

<div data-reactroot=""> 
    <div style="height:938px"> 
    </div> 
</div> 

：以下DOMに結果の

render(){ 
    return (<div style={{height:window.innerHeight}}/>); 
} 

divの高さが更新されないようにする必要があります。

警告を修正するか、無視して（他のすべてがうまくいくので）、DOM要素を反応させるための最良の方法は何でしょうか。

注意： - これはうまく動作したと思います。 15.xに反応する。今16.0.0を使用しています。 - このおもちゃの例では、私は明らかに高さ：「100％」を使用できますが、現実的なケースでは私はこの贅沢はなく、最終的にビューポートのサイズに依存する方法で寸法を計算しなければなりません。私はそれらを取得する場合

Answer 1

McGyverはその後、ここで修正したもの警告のためのコンソールを読んでいました：

setTimeout(function(){ 
       ReactDOM.unmountComponentAtNode(RoboReact.rootParent); 
       ReactDOM.render(RoboReact.rootElement,RoboReact.rootParent); 
     },100); 

（何らかの理由でW/OのsetTimeout動作するようには思えない）

を