rehydrate 업데이트 방법 스타일 소품을 약간 변경했습니다.

Question

다음의 렌더링 방법으로 매우 간단한 응용 프로그램을 가지고 있다고 가정 해 봅니다. 지금은 내가 그 스타일의 소품이 일치하지 않는라는 경고를하지만, 그렇지 않으면 everyhing 여전히 사실을 제외하고, 무사 작동 DOM을 재수 할 때

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

다음 DOM의 결과

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

div의 높이가 원래대로되어야하는 것은 아닙니다.

경고를 수정하거나 무시하고 (다른 모든 기능이 작동하는 것처럼) 가장 좋은 방법은 무엇이겠습니까?

참고 : -이게 잘 작동한다고 생각합니다. 15.x에 반응하라. 지금 16.0.0 사용; -이 장난감의 예에서 나는 분명히 높이 : "100 %"를 사용할 수 있지만 실제 생활에서는이 고급 스러움이 없으며 궁극적으로 뷰포트 크기에 따라 크기를 계산해야합니다.

Answer 1

가 McGyver 그 경고의 콘솔을 읽고, 여기가 해결 되었습니까 그리고 난 그 얻을 경우 :

가

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

(어떤 이유로에서는 setTimeout하여 w/o 작동하지 않는 것)