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

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>

我收到以下错误：

当我展开错误时：

请指教

Answer 1

更新：

在较新的版本中是 (documentation)

ReactDOM.render(reactElement, domContainerNode)

根据 documentation

应该是 React.render 而不是 React.renderComponent

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

从 0.12 开始 renderComponent 已替换为 render

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

How to get started with ReactJS Hello World example?

reactjs