Question

我刚开始学习 ReactJS ，我成功编写了第一个代码。当相同的模式出现在组件中时，我收到错误提及 _Invariant Violation： registerComponent（...）：目标容器不是控制台中的DOM元素。 。我正在使用react和babel cdn而不是下载和导入。

<div id="=f_compo"></div>
<script type="text/babel">
    var compo= React.createClass({
        render: function(){
            return (<h3>This is a simple component</h3>);
        }
    });
    ReactDOM.render(<compo/> ,document.getElementById('f_compo'));
</script>

这是我的 index.html 代码（由于发布问题时出错，我删除了head标记中的cdn链接）和以下内容是错误我收到了。

错误：

_invariant _registerComponent _renderNewRootComponent 包装纸 renderSubtreeIntoContainer 给予包装纸一世 [R Ø ü F

由于Google中的解决方案很少，我需要一个明确的解释，提及为什么会出现这种错误？和如何以正式方式解决？

Answer 1

这是一个错字

game.state
game.state.png
game.state1
game.state1.png
game.state2
game.state2.png

目标容器不是ReactJS中的DOM元素

1 个答案: