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

Kim*_*cks 2 reactjs

我正在使用MacBook Pro.

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

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

html是在此视频之后创建的

这是我的代码

<!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>
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

在此输入图像描述

当我扩展错误时:

在此输入图像描述

请指教.

Dhi*_*raj 6

更新:

在较新的版本中它是(文档)

ReactDOM.render(reactElement, domContainerNode)
Run Code Online (Sandbox Code Playgroud)

它应该React.render而不是React.renderComponent根据文档

你提到的视频使用0.8而你使用的是0.13.

从0.12开始renderComponent已被替换render