使用大写方法时的 ReactJS 问题

Question

码笔linkhere.

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

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

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

JS(Babel) 块具有简单的渲染功能，在右侧窗格中，预览显示根元素中的默认文本而不是文本。

JS 块：

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

Answer 1

JavaScript 区分大小写。

尝试：

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

并记得导入 React 和 ReactDOM。

ReactJS issue when using capitalized methods