foreach里删除一项后，包裹的内容都会重新渲染，是否有优化方案？

Question

咨询描述： 浏览器的tab删除一个后，会引起列表数据变化，导致根据列表渲染的所有web组件重新挂载，是否有更好的方案？

Answer 1

参考一下demo：

@Entry
@Component
struct Parent {
  @State simpleList: Array<string> = ['one'， 'two'， 'three'];

  build() {
    Row() {
      Column() {
        Text('点击修改第3个数组项的值')
          .fontSize(24)
          .fontColor(Color.Red)
          .onClick(() => {
            this.simpleList[2] = 'new three';
          })

        ForEach(this.simpleList， (item: string) => {
          ChildItem({ item: item })
            .margin({ top: 20 })
        }， (item: string) => item)
      }
      .justifyContent(FlexAlign.Center)
      .width('100%')
      .height('100%')
    }
    .height('100%')
    .backgroundColor(0xF1F3F5)
  }
}

@Component
struct ChildItem {
  @Prop item: string;

  build() {
    Text(this.item)
      .fontSize(30)
  }
}