1-5 类式组件

类式组件

	<script type="text/babel" > /* 此处一定要写babel */
    //创建类式组件
    //类式组件注意点
    //1.必须继承React.Component这个父类
    //2.必须写render函数
    //3.必须有return返回值
    class MyComponent extends React.Component{
        //render是放在类的原型对象上的，供实例使用。
        render(){
            return <h2>我是用于复杂组件的定义</h2>
        }
    }
    ReactDOM.render(<MyComponent/>,document.getElementById('test'))

    /*
    1.React解析组件标签，找到了MyComponent组件
    2、发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用原型上的render方法。
    3，将render返回的虚拟DOM转为真实DOM,随后呈现在页面中。
    */

	</script>