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

Does ReactDOM.render wait for the document to be loaded before rendering?

我想知道在调用 ReactDOM.render(...) 之前是否需要等待文档加载(即收听 DOMCOntentLoaded)。其他 React 示例应用程序似乎没有这样做,所以我猜测 ReactDOM.render 的实现内部他们已经在等待了?

您只需要确保在评估 <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>