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

【问题标题】：How to get started with ReactJS Hello World example?如何开始使用 ReactJS Hello World 示例？
【发布时间】：2016-02-02 15:42:22
【问题描述】：

我正在使用 MacBook Pro。

我更喜欢在虚拟机中使用 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>

我收到以下错误：

当我扩展错误时：

请指教。

【问题讨论】：

标签： reactjs

【解决方案1】：

更新：

在较新的版本中是 (documentation)

ReactDOM.render(reactElement, domContainerNode)

根据documentation，它应该是React.render 而不是React.renderComponent

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

从 0.12 开始，renderComponent 已替换为 render

【讨论】：