Javascript ReactJS:无法在浏览器上显示html文本

我似乎不知道该怎么做才能纠正这个问题：

我总是在浏览器上没有显示，我希望在那里看到Hello React

以下是HelloWorld代码：

ReactDOM.renderHello，反应！，document.getElementById'root'；

在这里检查您的示例，

---

我建议从一开始就下载react包并在那里运行代码，我认为您的代码应该首先添加react库，而不是react dom。

您的代码中缺少一个，请尝试添加它，并告诉我们它是否有效

，因此基本上问题是您不传输jsx。对于您的简单示例，如果您不想“显式”使用某个绑定器配置transpiling，您可以添加Babel库并进行更改

<script type="text/jsx"> 

到

让我们看看这里，但请记住，JSFIDLE在后面使用了babel，这是非常肯定的：

还让我粘贴来自babel文档的示例。特别是看看添加的babel lib+脚本类型

<div id="output"></div>
<!-- Load Babel -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<!-- Your custom script here -->
<script type="text/babel">
  const getMessage = () => "Hello World";
  document.getElementById('output').innerHTML = getMessage();
</script>

---

您可以使用以下代码库来了解React-JS的最新版本React-15.0.0的基本用法- 我的第一个例子

---

React会自动转换JSX吗？我想你应该用巴别塔，打字。。。。我想你在HTML中遗漏了一个起始标记。脚本标记应该放在结束标记之前。是的，当格式化时，代码被弄乱了。后来当我看到你的评论时，当我试图编辑它时，情况变得更糟了。现在它甚至打印出了结果，并且漏掉了代码。+阿披舍克，我能问一下为什么我要先下载react软件包吗？

<div id="output"></div>
<!-- Load Babel -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<!-- Your custom script here -->
<script type="text/babel">
  const getMessage = () => "Hello World";
  document.getElementById('output').innerHTML = getMessage();
</script>