首頁猿問使用react重新設置state，...

使用react重新設置state，為什么數組元素不更新

JavaScript

翻閱古今 2019-03-08 18:15:45

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不會改變?yōu)閯h除一個元素后的arr1。直接使用setState({alll:arr1})也是同樣的效果，無法改變alll

查看完整描述

2 回答

慕哥6287543

TA貢獻1831條經驗獲得超10個贊

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

this.setState({

alll:arr1

},() =>{

console.log(this.state.alll)

})

反對回復 2019-03-14

守著一只汪

TA貢獻1872條經驗獲得超4個贊

你這里應該是this'指針的問題，你在constructor中寫一下this.delate=this.delate.bind(this);this.add=this.add.bind(this);試一下，其中你寫在delate函數中的this.setstate(function(){})感覺怪怪的，

反對回復 2019-03-14