<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/react/0.14.1/react.js"></script> <script src="http://cdn.bootcss.com/react/0.14.1/react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.32/browser.min.js"></script> </head> <body> <div id="oDiv"> </div> </body> <script type="text/babel"> class Comp extends React.Component{ render(){ return <span>qqaazz</span>; } } window.onload = function(){ var odiv = document.getElementById('oDiv'); ReactDOM.render( <Comp/>, odiv ); } </script> </html>
出错点：
1、class Comp extends React.Component 这里的React.Component一定记得是中间有个点，这里很容易忽略，出错了也不好找问题；
2、ReactDOM.render（）；是一个调用函数，需要参数，所以这里应该用括号；
3、class Comp extends React.Component 它创建的是一个类，所以需要用的是花括号，相当于一个对象；
创建的类里面的render 是一个函数，所以应该有圆括号，不能直接写花括号，记清楚，很容易弄错。
创新创效尺寸小尺寸