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"));
答
我已经纠正你的代码,并把在此的jsfiddle:https://jsfiddle.net/reactjs/69z2wepo/
你的最后一行是错误的,应该是像这样:
ReactDOM.render(< Button/> , document.getElementById("root"));
+0
是的,我知道它被回答15分钟前在你上面的一行 – ClarkPamler93
+0
哎呀,刚刚看到。无论如何,我的答案总是与一个jsfiddle:_) –
JSX不是JavaScript的一个组成部分本身,你就会有将其转换为常规JavaScript以便能够在React中进行开发(除非您想要抛弃jsx语法)。 Facebook最近发布了一个应该建立一个基本样板的生成器,所以你可以看看使用:https://github.com/facebookincubator/create-react-app –
@MatisLepik但我使用Plunker开发,它有原生React支持 – ClarkPamler93
啊。在这种情况下,将React.render替换为ReactDOM.render。另外,将