码迷,mamicode.com
首页 > 其他好文 > 详细

react用class关键字来创建组件

时间:2018-12-08 00:15:21      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:tor   一个   默认   struct   如何   运算符   es6   导入   就会   

创建组件之前,首先学习一个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);

 

react用class关键字来创建组件

标签:tor   一个   默认   struct   如何   运算符   es6   导入   就会   

原文地址:https://www.cnblogs.com/qingshanyici/p/10085842.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!