JSFiddle 反应目标容器不是 DOM 元素

Question

在下面的 jsfiddle page 中，我正在尝试运行一本书中的一些 React 示例：

我是 React 和 JSFiddle 的新手，我不明白我必须对简单的示例工作进行哪些更改。我在另一个 post 中读到类似的问题，即 <script> 必须是 <body> 标签内的最后一行。但我没有导入 React 脚本 "manually"，我使用的是 JSfiddle 资源。

在 JSFiddle 中通过 <script> 标签导入脚本文件和使用资源选项有什么区别？还有第三种选择是在组合框中选择我们放置 js 代码的 React 库。

Answer 1

您正在使用 document.getElementById('react-container') 但您正在使用 class：<div class="react-container"></div>

将您的代码更改为：

<div id="react-container"></div>

关于 SO 的下一个问题，请 post 您的完整问题，以便 SO 问题不依赖于 JSFiddle

编辑： @NightRyder 更新了 fiddle：https://jsfiddle.net/n5u2wwjg/9029/

JSFiddle react Target Container is not DOM element