问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

reactjs 无法读取未定义的属性“键”

社区维基
1
新手上路，请多包涵

我正在通过教程学习 reactjs 并遇到了这个错误。那就是说“无法读取未定义的属性‘键’”我的代码非常少，所以我认为它与语言的结构有关。有谁知道问题和可能的解决方案？

    <!DOCTYPE html>

<html>
<head>

    <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.min.js"></script>
    <title>ReactJs</title>
</head>
<body>
    <div id="app"></div>

    <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.getElementById('app'));
    </script>
</body>
</html>

原文由 NVA 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascriptreactjskey
阅读 259
2 个回答
得票最新
社区维基
1
✓ 已被采纳

编辑：奇怪的是，在我们上面的评论之后，我检查它是否确实是 babel 核心版本，我在我的小提琴中使用了这个：

https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js

第二个我切换到你上面的版本我得到这个：

 Uncaught TypeError: Cannot read property 'keys' of undefined

使用 React.createClass 而不是 ReactDOM.createClass 并将多行 html 包裹在括号中，如下所示：

工作示例：https: //jsfiddle.net/69z2wepo/38998/

 var Hello = React.createClass({
  render: function() {
    return (
       <div>
        <h1>Hello World</h1>
        <p>This is some text</p>
       </div>
    )
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

原文由 omarjmh 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

只是要清楚，因为其他答案有点令人费解。问题是使用“babel-core”而不是“babel-standalone”。只需查找 babel-standalone 的 cdn。

 https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js

原文由 VIBrunazo 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题