- 创建类式组件
class MyComponent extends React.component{
render(){
return <div>我是类式组件</div>
}
}
- 渲染组件到页面
ReactDom.render(<MyComponent />,document.getElementById('test'));
tips:
- React解析了组件标签,找到了MyComponent 组件
- 发现组件是使用类定义的,随后new出来该类的实例,并通过该实例调用到原型上render方法
- 将render返回的虚拟DOM转为真实DOM,随后呈现在页面中
*render中的this是Mycomponent的实例对象,或者称为组件实例对象