React元素不呈现
我一直在尝试使用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> 删除; 后
render : function() { return (<p>P</p>); }; ^^
而不是React.render使用ReactDOM.render
Example
使用ReactDOM.render而不是React.render 。
在React 0.14中， render函数被从react包移到react-dom而你的render函数后面也有一个分号，因为React.createClass需要一个对象，所以React.createClass你带来问题。