2016-07-24 154 views
2

所以我決定開始學習React.js,但我有渲染成HTMLReact.js不渲染?

廣東話問題似乎看到了什麼錯任何幫助將是巨大的HTML和JSX低於

(注滿鏈接到反應庫在那裏簡直張貼在這裏,因爲堆棧犯規讓URL Shortners)

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="react-15.2.1.js"></script> 
    <script src="react-dom-15.2.1.js"></script> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div id="root"></div> 
    </body> 

</html> 

JSX

// Code goes here 

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

React.render(< Button/> , document.getElementById("root")); 
+0

JSX不是JavaScript的一個組成部分本身,你就會有將其轉換爲常規JavaScript以便能夠在React中進行開發(除非您想要拋棄jsx語法)。 Facebook最近發佈了一個應該建立一個基本樣板的生成器,所以你可以看看使用:https://github.com/facebookincubator/create-react-app –

+0

@MatisLepik但我使用Plunker開發,它有原生React支持 – ClarkPamler93

+1

啊。在這種情況下,將React.render替換爲ReactDOM.render。另外,將