2017-12-06 16 views
0

ReactDOM.render(...)を呼び出す前に、ドキュメントが読み込まれる(つまり、DOMCOntentLoadedを聞く)まで待つ必要があるのでしょうか?他のReactのサンプルアプリケーションのようには見えないので、私は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> 
関連する問題