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