2017-12-06 30 views
0

ReactDOM.render(...)을 호출하기 전에 문서가로드 될 때까지 (예 : DOMCOntentLoaded 수신 대기)해야하는지 궁금합니다. 그것은 다른 반응 예제 애플 리케이션이 그렇게하고있는 것 같지 않아, 그래서 그들은 ReactDOM.render 구현 내에서 이미 기다리고 있다고 생각하니?ReactDOM.render는 렌더링 전에 문서가로드 될 때까지 기다리지 않습니까?

+0

기다리지 않는 예제 응용 프로그램을 게시 할 수 있습니까? 나는 보통 'DOMContentLoaded' 이벤트를 듣고 대안을보기를 원할 것이다. –

+0

나는 반응하는 앱을 첨부하기 위해 명시 적으로 요소를 전달하기 때문에 아무 것도 기다릴 필요가 없다고 생각합니다. 전달한 요소가 존재하거나'render'를 호출 할 때 그 요소가 존재하지 않습니다. – azium

답변

2

<script>을 평가할 때 반응 코드가 렌더링되는 DOM 요소를 사용할 수 있도록하면됩니다. index.html 파일에 dom 요소 다음에 스크립트를 배치하여이 작업을 수행 할 수 있습니다.

<!-- this will work --> 
<div id="react-app"></div> 
<script type="text/javascript" src="./my-react-script.js"></script> 

<!-- this will NOT work --> 
<script type="text/javascript" src="./my-react-script.js"></script> 
<div id="react-app"></div>