如上图,很简单的一个代码,但是还是无法渲染到界面中,不知道哪里出了错误,自己实在是摸不到头脑,所以来着问问,求帮帮忙。
ps.三个引入的库是没问题的,之前都是用这个界面做的。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app"></div>
<script src="bower_components/react/react.min.js"></script>
<script src="bower_components/react/react-dom.min.js"></script>
<script src="bower_components/babel/browser.min.js"></script>
<script type="text/babel">
var hello = React.createClass({
render: function () {
return (
<h1>demo</h1>
);
}
});
ReactDOM.render(
<hello />,
document.getElementById('app'),
function () {
console.log('ok');
}
);
</script>
</body>
</html>
参考下文档吧:http://facebook.github.io/react/docs/jsx-in-depth.html