React JS无法读取未定义的属性“键”答案

【问题标题】：React JS Cannot read property 'keys' of undefinedReact JS无法读取未定义的属性“键”
【发布时间】：2016-08-06 12:59:28
【问题描述】：

我开始通过教程学习 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>

【问题讨论】：

标签： javascript reactjs key

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

React.render 自 React 0.14（2015 年 10 月 7 日发布）以来已被弃用：

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

【讨论】：

【解决方案3】：

我不确定你是否找到了结果，但我得到了同样的错误，发现是 cdn 版本不匹配的问题。

如果你使用这些cdn：

<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);

它现在可以工作了。

【讨论】：