React 基础学习笔记【二】

state状态

state中定义的数据可以动态改变。

小案例：【点击button调用state数据改变其状态】

1.在组件中调用this.state，定义likes为0，

constructor 是用于创建和初始化类中创建的一个对象的一种特殊方法。
调用super的原因：在ES6中，在子类的constructor中必须先调用super才能引用this
super(props)的目的：在constructor中可以使用this.props复制代码

constructor(props) {
    super(props)
    this.state = {
        likes: 0
    }
}复制代码

2.在render中创建button，

用onClick={（）=>this.increaseLikes()}  } 为button绑定点击事件increaseLikes()，

注意：【1.绑定事件必须用驼峰式  2.（）=>箭头函数是为了使用state中的this】，

在react中state里定义的数据是不能被直接this.拿去函数中用的，必须将this转出，

将this.state中的likes数据绑定在button上，也就是初始的0，

render(){
    return(
       <div className="likes-button-compoent">
           <button
               type="button"
               className="btn btn-outline-primary btn-lg"
               onClick={()=>{this.increaseLikes()}}
             >