React.js不渲染?

问题描述:

所以我决定开始学习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。另外,将

我已经纠正你的代码,并把在此的jsfiddle:https://jsfiddle.net/reactjs/69z2wepo/

你的最后一行是错误的,应该是像这样:

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

是的,我知道它被回答15分钟前在你上面的一行 – ClarkPamler93

+0

哎呀,刚刚看到。无论如何,我的答案总是与一个jsfiddle:_) –