如下代碼感覺不合理，應(yīng)該怎么寫var items = this.state.items;
items[i].status = 'doing';
this.setState({
items: items
});問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法相關(guān)代碼// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？
1 回答
慕碼人2483693
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊
首先不推薦這種寫法，更為推薦的是immutable的寫法，比如：
var items = this.state.items;
this.setState({
items: items.map(item => ({...item, ...{status: 'doing'}}))
});為什么直接修改不推薦呢？
有兩個(gè)原因：
1 . 性能問題
這種直接改變原有對象的方式導(dǎo)致react無法對其進(jìn)行任何優(yōu)化，因此
會(huì)有潛在的性能問題
2 . 很難定位問題
如果你用了purecomponent， 會(huì)發(fā)現(xiàn)狀態(tài)無法直接更新。
原因在于purecomponent重寫了SCU，SCU中通過直接判斷state和props前后的引用差別來判斷，因此會(huì)
返回false，導(dǎo)致render無法運(yùn)行
添加回答
舉報(bào)
0/150
提交
取消