Javascript 未捕获错误：不变冲突：React.render（）：无效组件元素_Javascript_Reactjs

Javascript 未捕获错误：不变冲突：React.render（）：无效组件元素

javascript reactjs

Javascript 未捕获错误：不变冲突：React.render（）：无效组件元素,javascript,reactjs,Javascript,Reactjs,我是个新手我正在创建一个简单的类和函数，并呈现给主体但是, 我得到一个未捕获错误：不变冲突：React.render（）：无效的组件元素。 <script src="https://fb.me/react-0.13.3.js"></script> <script src="https://fb.me/JSXTransformer-0.13.3.js"></script> <script src="https://code.jquery.c

我是个新手

我正在创建一个简单的类和函数，并呈现给主体

但是,

我得到一个

未捕获错误：不变冲突：React.render（）：无效的组件元素。

<script src="https://fb.me/react-0.13.3.js"></script>
<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/jsx">

    var HelloWorld = React.createClass({
        render: function() {
            return <div>Hello, world!</div>;
        }
    });

    React.render(new HelloWorld(), document.body);

</script>


<body>

</body>
</html>


var HelloWorld=React.createClass({
render:function（）{
回复你好，世界！；
}
});
render（newhelloworld（），document.body）；

有什么问题吗？

使用

而不是

新HelloWorld（）

更改

React.render（新HelloWorld（），document.body）

React.render（React.createElement（HelloWorld），document.body）并且它应该可以工作React.render
函数需要一个ReactElement
，您可以通过React.createElement
创建该元素
您可以在此处看到文档以及其他一些有用的功能：
这样编写组件的渲染方法将引发相同的错误：
...
render: function() {
  return      //you need "return <div>" for this to work.
    <div> 
      <h4>MyComponent message</h4>
    </div>;
}

。。。
render:function（）{
return//您需要“return”才能使其正常工作。
MyComponent消息
;
}

显示的代码将触发相同的错误，因为返回旁边现在有元素（您不应该在那里断行）。
这帮助了我，我有ReactDOM.render（“”，document.getElementById（'app'）
但需要有ReactDOM.render（，document.getElementById（'app'）-在
周围没有引号，我的代码没有引号，但仍然会出现错误：/可能是重复的