ReactDOM.render是否等待渲染之前加载文档？

Question

我想知道在调用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>