1、增加let和const生成变量
2、箭头函数xx()=>{}
3、数组增加方法:map、reduce、filter
4、面向对象:构造函数用class声明,可继承父类
5、ES6中的this一般指实例化的那个对象,构造函数在进行new实例化或者直接生成一个组件渲染时调用。
如下这个input的onChange属性之所以要bind(this)是因为这里需要绑定的是Display组件的display函数,修改Display组件的state。如果不绑定this的话会变成调用input的display函数。
考虑性能优化的话,可以把bind(this)的操作写在构造函数里面:this.display=this.display.bind(this)
class Display extends Component{
constructor(){
super()
this.state={
name:'YYY'
}
}
display(ev){
this.setState({
name:ev.target.value
})
}
render(){
return(
< div>
< input value={this.state.name} onChange={this.display.bind(this)}>< /input>
</ div>
)
}
}