我刚开始使用React，我在浏览器中显示代码时遇到了一些麻烦。我遵循了一个使用沙盒系统的教程，一切都很顺利。在我的IDE中尝试相同的先前存在的项目没有成功。
我想显示一个简单的标题。这是我的JS代码:
import React from "react";
import ReactDOM from "react-dom";
ReactDOM.render(
<h1>Heading</h1>,
document.getElementById("root")
);
<html lang="en">
<head>
<title>REACT</title>
<link rel="stylesheet" href="stylesheets/styles.css">
</head>
<body>
<div id="root"></div>
<script src="../src/index.js" type="text/javascript"></script>
</body>
</html>
现在，标题没有显示在浏览器中。样式表工作得很好。
谢谢你的帮助!
您选择了错误的id。您应该将root更改为testroot，反之亦然。如果你正确设置了babel配置，这应该可以正常工作。
ReactDOM.render(
<h1>Heading</h1>,
document.getElementById("testroot")
);
您已经使用带有Node.js模块解析的ES6模块编写了代码。它不能在浏览器中运行
您需要使用教程中描述的Babel和Webpack将其转换为浏览器兼容的JavaScript。(确保您单击了"可选:使用您首选的文本编辑器在本地进行操作的说明";文本).
你使用的沙盒已经为你设置好了。
你必须声明React CDN链接和babel链接要显示在屏幕上。在谷歌上搜索一下。