ReactDOM不渲染元素

我不明白爲什麼以下不會使頁面上的按鈕：ReactDOM不渲染元素

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Basic Example</title>  
    </head> 
    <body> 

    <div id="container"></div> 

    <script src="./build/react.js"></script> 
    <script src="./build/react-dom.js"></script> 
    <script src="./build/react-with-addons.js"></script> 



<script type="text/jsx"> 
     /** @jsx React.DOM */ 

var Button = React.createClass({ 
    render: function(){ 
    return (
     <button>Go</button> 
    ) 
    } 
}); 

ReactDOM.render(<Button />, document.getElementById('container')); 

</script> 


    </body> 
</html>

我在控制檯中看到的唯一輸出是：

Download the React DevTools for a better development experience: https://fb.me/react-devtools

據我瞭解這不是錯誤消息。

來源

2015-12-08 runtimeZero

您正在嘗試渲染您聲明的相同組件。也嘗試不要將您的組件命名爲已有的html。 – jmingov

沒有幫助解決我的問題 – runtimeZero

嗨，我是新的反應，並得到同樣的錯誤，而運行一個簡單的'你好世界'的例子。您的查詢是否已解決？請使用適合您的答案更新此頁面。非常感謝。 – Shivam

這些是我發現使其工作的最小變化。（參見Getting Started頁。）

更換./build/react-with-addons.js與https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js。
將text/jsx替換爲text/babel。
刪除行/** @jsx React.DOM */。

但是，這可能會導致其他錯誤消息，至少在控制檯的Firefox中，儘管這不會影響該示例的功能。

來源

2015-12-09 02:11:00

ReactDOM不渲染元素

回答

相關問題