React JS無法讀取未定義的屬性'keys'

我開始通過教程學習React，但是當我運行我創建的代碼時遇到了此錯誤。React JS無法讀取未定義的屬性'keys'

該錯誤似乎是與語言框架有關的錯誤。也許是我爲翻譯導入的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>

來源

2016-04-14 NVA

我不確定你是否已經找到了結果，但我得到了同樣的錯誤，發現它是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);

將現在的工作。

來源

2016-06-11 04:19:20 ThinkTankShark

React.render已經廢棄了，因爲陣營0.14（發佈2015年10月7日）：

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

我強烈建議真棒創建陣營從Facebook應用NPM模塊，創建應用程序做出反應用沒有配置，但仍然使用最新的ES6和Babel功能。此外，它還附帶了開箱即用的熱重新加載功能，並且有一個構建選項，用於創建一個準備生產的縮小的捆綁.js文件。

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

來源

2016-12-08 20:32:04 Jannik

babel-browser已被棄用。使用babel-standalonehttps://github.com/babel/babel-standalone代替：

<script src="https://unpkg.com/[email protected]/babel.min.js"></script>

來源

2017-07-10 20:06:09 Xuan

React JS無法讀取未定義的屬性'keys'

回答

相關問題