ReactDOM.render是否在渲染之前等待文檔加載？

Question

我想知道是否需要在調用ReactDOM.render(...)之前等待文檔加載（即，監聽DOMCOntentLoaded ReactDOM.render(...) 。 似乎其他React示例應用程序都沒有這樣做，所以我猜在ReactDOM.render的實現內部，它們已經在等待嗎？

Answer 1

您只需要確保在評估<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>