react用class关键字来创建组件

Posted 2021-01-25 qingshanyici

创建组件之前，首先学习一个ES6的写法，叫做展开运算符。

比如我这里有两个数组。如何将第二个数组o2中的所有属性导入到数组o1中呢？一个个输太麻烦，所以就用到了展开运算符。

var o2={
age:18,
gender:female
}
var o1={
name:‘Alice‘
}

var o2={
age:18,
gender:female
}
var o1={
name:‘Alice‘,
...o2
}

第二种方法是利用class类进行创建组件，class本身也是ES6的写法。而且，每一个类中都有一个构造器constructor，你如果不设定的话，他自己就会默认一个看不见的空构造器。构造器作用，每new该类的时候，会先执行构造器中的所有代码。里面的属性叫做实例属性。

class Animal{
constructor(name,age){
this.name=name,
this,age=age}
}
const a1=new Animal(‘bark‘,3);
console.log(a1);