美文网首页
界面的实时更新

界面的实时更新

作者: 考拉程序媛 | 来源:发表于2020-10-02 16:39 被阅读0次

界面的实时更新是根据state和props的变化来实现的

let newList = state.list;
newList[0].name == '123'
return Object.assign({}, state, {
...state,
list: newList
});
newList中元素的值确实变化了,但是界面却不刷新,因为list和newList是数组对象,他们的元素值变化了,但是他们本身的值没有变化,即他们的引用地址没有变化,所以不能够引发界面渲染

解决方法:

let newList = [...state.list];
新创建一个数组保存新的值,会产生一个新的引用地址,再赋值给变量

相关文章

网友评论

      本文标题:界面的实时更新

      本文链接:https://www.haomeiwen.com/subject/kyibuktx.html