ForEach关于Index的坑

2024-11-03  本文已影响0人  wl520mxj

解读:

ForEach(this.list, (item: ListAnimationEntiy, index: number) => {

  ChildCom1({ stu: item })

}, (item: ListAnimationEntiy, index: number) => item.id)

第一个index和第二个index,必须保持统一,要么都有,要么都没有;否则会引发本不想更新ui,但是也全部更新了的问题。

新发现-新理解:

影响组件的重载的只有数据长度变化或者对应的内存地址变化,会触发foreach循环,但是具体是否重载,会判断最后一个参数,如果有变化,会重载从而ui也会重新渲染

所以如果想更新ui,要么引发重载,要么用子组件+objectLink组合,并且是第一层数据变化,重新渲染ui

上一篇 下一篇

猜你喜欢

热点阅读