React面向组件编程

一、函数式组件
官方推荐由类式组件逐步迁移到函数式组件

functionMyComponent(){
	console.log('this')// undefined,在严格模式下没有全局属性
return<h1>函数式组件</h1>
}

const root = document.getElementById('root');
ReactDOM.render(<MyComponent />, root);

执行情况:

二、类式组件

classMyComponentextendsReact.Component{
// render是在MyComponent原型对象上,供实例使用
render(){
return<h1>类式组件</h1>
}
}

const root = document.getElementById('root');
ReactDOM.render(<MyComponent />, root);

执行情况:

三、类的基本知识回顾
1)类中的构造器不是必须的,要对实例进行一些初始化操作,比如:添加指定属性
2)如果A类继承B类,且A类中写了构造器函数,那么A类构造器函数中的super是必须要调用的
3)类中所定义的方法,都是放在了类的原型对象上,供实例使用