组件的定义
定义组件：
1.函数式定义：
<div id="test"></div> <script type="text/babel"> // 创建函数式组件 function Demo (){ return <h2>定义的简单组件</h2> } ReactDom.render(<Demo />, document.getElementById('test')) </script>
2. 类定义
class component1 extends React.Component {
render(){
// render放在component1的原型对象上，供实例使用
return <div>454545</div>
}
}
ReactDom.render(<Componet1 />, document.getElemntById('test'))
// React解析组件标签，找到component1组件
// 发现组件是用类定义的，然后new 出该类的实例，并调用其身上的render函数
// 将render返回的虚拟DOM转化为真实DOM，渲染到页面上