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

2024-02-26

我正在使用 MacBook Pro。

我更喜欢在虚拟机中使用 ubuntu 进行 Web 开发。

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

html 是按照此创建的video https://egghead.io/lessons/react-hello-world-first-component#post-370

这是我的代码

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

我收到以下错误:

当我扩展错误时:

请指教。


Update:

在较新的版本中是(文档 https://facebook.github.io/react/blog/2015/10/01/react-render-and-top-level-api.html)

ReactDOM.render(reactElement, domContainerNode)

应该是React.render并不是React.renderComponent as per 文档 http://facebook.github.io/react/docs/top-level-api.html#react.render

你提到的视频使用0.8,而你正在使用0.13。

从 0.12renderComponent已替换为render

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何开始使用 ReactJS Hello World 示例? 的相关文章

随机推荐