Question

我开始通过教程学习React，但是当我运行我创建的代码时遇到了这个错误。

错误似乎与语言框架有关。也许是我为翻译导入的Babel版本。

有谁知道实际情况以及如何找到污水。

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"></script>
    <title>ReactJs</title>
</head>
<body>
    <script type="text/babel">
        var HelloWorld = ReactDOM.createClass({
        render: function() {
        return <div>
        <h1>Hello World</h1>
        <p>This is some text></p>
        </div>
        }
        });
        ReactDOM.render(<HelloWorld/>, document.body);
    </script>
</body>
</html>

Answer 1

我不确定您是否已找到结果，但我收到了相同的错误，并发现了cdn版本不匹配问题。

如果你使用这些cdn＆＃39; s：

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script>

并更改您的

ReactDOM.render(<HelloWorld/>, document.body);

到

React.render(<HelloWorld/>, document.body);

它现在可以使用了。

Answer 2

babel-browser已弃用。请改用babel-standalone https://github.com/babel/babel-standalone：

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Answer 3

自从React 0.14（2015年10月7日发布）以来，

React.render已被弃用：

https://facebook.github.io/react/blog/2015/10/07/react-v0.14.html

我强烈推荐来自Facebook的精彩的Create React App NPM模块，该模块创建没有配置的React应用程序，但仍然使用最新的ES6和Babel功能。此外，它还带有开箱即用的热重装，并具有构建选项，用于创建准备生产的缩小的捆绑.js文件。

https://github.com/facebookincubator/create-react-app

React JS无法读取属性＆＃39;键＆＃39;未定义的

3 个答案: