Question

我正在使用MacBook Pro。

我更喜欢在VM中使用ubuntu进行Web开发。

我在Macbook中创建了一个index.html，然后只需用Chrome打开它。

html是在video

之后创建的

这是我的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <title>First Component</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0-beta.1/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0-beta.1/JSXTransformer.js"></script>
</head>
<body>
    <script type="text/jsx">
    /** @jsx React.DOM */
    var APP = React.createClass({
        render: function() {
            return (
                <h1>Hello World</h1>
            );
        }
    });

    React.renderComponent(<APP />, document.body);
    </script>
</body>
</html>

我收到以下错误：

enter image description here

当我扩展错误时：

enter image description here

请告知。

Answer 1

更新

在较新的版本中，它是（documentation）

ReactDOM.render(reactElement, domContainerNode)

根据documentation {/ 1}}应该是React.render而不是React.renderComponent

您提到的视频使用的是0.8，而您使用的是0.13。

从0.12 renderComponent已替换为render

如何开始使用ReactJS Hello World示例？

1 个答案: