super关键字,React绑定属性

super关键字:

参考:http://www.phonegap100.com/thread-4911-1-1.html

Es6中的super可以用在类的继承中,super关键字,它指代父类的实例(即父类的this对象)。子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象。

class Person {
constructor (name) {
this.name = name;
}
}

class Student extends Person {
constructor (name, age) {
super(); // 用在构造函数中,必须在使用this之前调用
this.age = age;
}
}

1、所有的模板要被一个根节点包含起来

2、模板元素不要加引号


3、{}绑定数据


4、绑定属性注意:

class 要变成 className

for 要变成 htmlFor

style属性和以前的写法有些不一样
<div style={{'color':'blue'}}>{this.state.title}</div>

<div style={{'color':this.state.color}}>{this.state.title}</div>

5、循环数据要加key 

6、组件的构造函数中一定要注意 super

子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象

constructor(props){
super(props); /*用于父子组件传值 固定写法*/

this.state={

userinfo:'张三'
}
}

7、组件名称首字母大写、组件类名称首字母大写

猜你喜欢

转载自www.cnblogs.com/wyanblog/p/10996357.html
今日推荐