未捕获的错误:不变违规:React.render():无效的组件元素

Question

未捕获的错误:不变违规:React.render():无效的组件元素

我是新手

我正在创建一个简单的类和函数并渲染到正文.

然而,

我得到了 Uncaught Error: Invariant Violation: React.render(): Invalid component element.

<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>

Run Code Online (Sandbox Code Playgroud)

关于什么是错的任何想法？

Answer 1

wol*_*ang 17

用<HelloWorld/>而不是new HelloWorld()

Answer 2

bre*_*ish 14

更改React.render(new HelloWorld(), document.body);到React.render(React.createElement(HelloWorld), document.body);它应该工作. The React.render函数期望ReactElement您可以通过它创建React.createElement.

您可以在此处查看文档以及其他一些有用的功能:https://facebook.github.io/react/docs/top-level-api.html

归档时间：	10 年，7 月前
查看次数：	18846 次
最近记录：	9 年，7 月前