类式组件:肯定要创建一个类 同时必须要继承React.Component类 必须要有render方法以及返回值
//创建类式组件
class MyClass extends React.Component{
render(){
console.log(this)//这里的this是指MyClass的实例对象
return
我是用类式定义的组件(使用与【类式组件】的定义)
}
}
渲染:
ReactDOM.render(,document.getElementById(‘test’));
执行这句话执行了如下操作:
1.React解析组件标签,找到了MyClass类
2.发现组件是类定义的,随后new出了该类的实例,并通过该实例调用到原型上的render方法。
3.将render返回的虚拟DOM转为真实的DOM,随后呈现在页面中
全部代码: