组件的定义

定义组件：　　

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，渲染到页面上