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