ES6语法

本文已参与「新人创作礼」活动，一起开启掘金创作之路

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>
    )
  }
}