我正在通过教程学习 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 许可协议
编辑:奇怪的是,在我们上面的评论之后,我检查它是否确实是 babel 核心版本,我在我的小提琴中使用了这个:
https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js
第二个我切换到你上面的版本我得到这个:
使用
React.createClass
而不是ReactDOM.createClass
并将多行 html 包裹在括号中,如下所示:工作示例:https: //jsfiddle.net/69z2wepo/38998/