ReactDom.render调用后没有渲染

Posted soft.push("zzq")

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ReactDom.render调用后没有渲染相关的知识,希望对你有一定的参考价值。

可能发生问题的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<script src="result.js"></script>问题就在这里
</head>
<body>
<div id="head"></div>
</body>
</html>

待操作的容器一定要在引入react通过webpack打包解释后的文件前出现!

正确代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="head"></div>
</body>
<!--必须放在指定的节点后才能解析-->
<script src="result.js"></script>
</html>

 

以上是关于ReactDom.render调用后没有渲染的主要内容,如果未能解决你的问题,请参考以下文章

ReactDOM.render和ReactDOM.createPortal

第十四篇:ReactDOM.render 是如何串联渲染链路的?(中)

ReactDOM.render 与 React 组件渲染区别

ReactDOM.createPortal

第十二篇:ReactDOM.render 是如何串联渲染链路的?(上)

如何使用 ReactDOM Render 渲染一个 React 组件