Javascript React js不呈现hello world ReactDOM.render( 你好，世界！， document.getElementById（'root'）） );
上面的代码只生成一个空白页，查看控制台，我没有看到任何错误。您的元素有一个名为root的Javascript React js不呈现hello world ReactDOM.render( 你好，世界！， document.getElementById（'root'）） );,javascript,reactjs,react-dom,Javascript,Reactjs,React Dom,上面的代码只生成一个空白页，查看控制台，我没有看到任何错误。您的元素有一个名为root的类。您需要一个id为root的id元素： 编辑：您还需要添加babel独立模块（请参阅）。您刚才说的document.getElementById（'root'），但您的元素是一个类。元素的id应为root: 常量元素=你好，世界； ReactDOM.render( 元素， document.getElementById（'root'）） ); 运行上面的代码，代码的主要问题是您使用了babel，
类。您需要一个id为root的id
元素：
编辑：您还需要添加babel独立模块（请参阅）。您刚才说的document.getElementById（'root'）
，但您的元素是一个类。元素的id应为root:
常量元素=你好，世界；
ReactDOM.render(
元素，
document.getElementById（'root'））
);
运行上面的代码，代码的主要问题是您使用了babel，没有添加js依赖项。此外，您在js中通过id获取元素，但类名是在html中定义的。将其更改为“id”。仍然没有效果。事实上，我转向课堂的原因是为了实验各种设置，因为id力首先是不起作用的。如果你看演示，它是起作用的。有些事情出了问题。控制台中是否有任何错误？你是怎么传送的？您是在使用webpack还是其他方式？我的代码片段与codepen完美配合，但在我的本地浏览器上不起作用。？看起来您可能还需要包含babel独立脚本。您将成为真正的mvp。
<!DOCTYPE html>
<html lang = "en">
<head>
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
</head>
<body>
<div class="root"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello,World!</h1>,
document.getElementById('root')
);
</script>
</body>
</html>
<div id="root"></div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>
<script type="text/babel">
const element=<h1>Hello,World</h1>;
ReactDOM.render(
element,
document.getElementById('root')
);
</script>