Reactjs 使用大写方法时出现的问题

代码笔链接

在我的第一个JS教程视频中，我正在编写hello world脚本，令人失望的是它没有工作。我没有发现我使用的脚本或html标记有任何问题，但简单的ReactDOM.Render（）函数不起作用。 代码笔在下面。

如您所见，HTML块具有根div HTML块：

<div id="root">Why ReactDOM.Render() not working?</div>

为什么ReactDOM.Render（）不工作？

JS（Babel）块具有简单的渲染功能，在右侧窗格中，预览显示根元素中的默认文本，但不显示文本

JS块：

var el = <h1>YOU HELLO WORLD WHY DONT YOU WORK</h1>
ReactDOM.Render(
el,
  Document.getElementById("root")
)

var el=你好，世界，你为什么不工作
ReactDOM.Render(
埃尔，
Document.getElementById（“根”）
)

JavaScript区分大小写

尝试：

记住导入React和ReactDOM

JavaScript区分大小写

尝试：

记住导入React和ReactDOM

---

文档

也应该是小写的。虽然我在做的是一个明显的错误，但之前我从教程中复制的代码也不起作用，因为我错过了按照项目设置中的说明添加react和react dom的步骤。谢谢

Document

也应该是小写的。虽然case sensitive是我正在执行的可见错误，但之前我从教程中复制的代码也不起作用，因为我错过了按照项目设置中的说明添加react和react dom的步骤。谢谢

ReactDOM.render(
   el,
   document.getElementById("root"),
);