[英]React element does not render
我一直在嘗試使用React渲染一個簡單的元素。 出於某種原因,非常相似的示例確實有效,但我的代碼無法正常工作。 我看不出任何錯誤,你能告訴我嗎?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React</title>
<script src="https://fb.me/react-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var ExampleElement = React.createClass({
render : function() { return (<p>P</p>); };
});
React.render(<ExampleElement/>, document.getElementById('example'));
</script>
</body>
</html>
使用ReactDOM.render
而不是React.render
。
在React 0.14中, render
函數從react
包移到react-dom
而你的渲染函數之后你也有一個React.createClass
分號,這會因為React.createClass
占用一個對象而導致問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.