使用react重新设置state，为什么数组元素不更新

Question

constructor(){    super();    this.state={      alll:[],      values:''    }  }  add(e){    let arr1 = this.state.alll;    arr1.push({msg:this.state.values,check1:false});    this.setState({      alll:arr1    })    // console.log(this.state.alll);  }delate(e){    let index1 = e.target.parentNode.id;    let arr1 = [];    for(var i =0;i<this.state.alll.length;i++){      arr1.push(JSON.parse(JSON.stringify(this.state.alll[i])));    }    console.log(arr1);    arr1.splice(index1,1);    console.log(arr1);    this.setState(      function(){          return {alll: arr1};      }    )    console.log(this.state.alll);//  }调用delate方法时，state中的数组alll不会改变为删除一个元素后的arr1。直接使用setState({alll:arr1})也是同样的效果，无法改变alll

Answer 1

你这样是直接获取不到更新后的state的，可以把console.log(this.state.alll)放在setState的回调里。譬如：

this.setState({

   alll:arr1

 },() =>{

   console.log(this.state.alll)

 })

Answer 2

你这里应该是this'指针的问题，你在constructor中写一下this.delate=this.delate.bind(this);this.add=this.add.bind(this);试一下，其中你写在delate函数中的this.setstate(function(){})感觉怪怪的，