给定此代码：

export default class YourComponent extends Component {
  objArr = [ {id:1, list:[1,2,3]}, {id:2, list:[3,4]} ];

  get combinedList() {
    if (this.objArr.length > 1) {
      let list = [];
      this.objArr.forEach((item) => {
        list.push(...item.list);
      });
      return list;
    }
    return this.objArr[0].list;
  }

  // Call this method when adding a new item
  addComment(newItem) {
    this.combinedList.unshiftObject(newItem);
  }
}

字符串
有几件事会让你的生活更轻松：

• • getter不能改变数据 *
• 没有违规，所以我们很好，
• ️每次调用getter时，都会重新运行getter（它们就像方法一样）
• 这意味着每次访问combinedList时，您都可以获得一个新的list对象。
• unshiftObject不是Array.prototype上的属性--您可能需要unshift：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift
• 方法必须具有绑定this（JavaScript无用）
• 如果UI无论如何都要呈现combinedList，则需要启用自动跟踪

解析#2

在它上面添加一个@cached，这样每次访问combinedList时它都是一个稳定的引用：

import { cached } from '@glimmer/tracking';

// ...

@cached
get combinedList() {
  // ...  
}

型

解析#3

addComment(newItem) {
    this.combinedList.unshift(newItem);
  }

型

解析#4

addComment = (newItem) => this.combinedList.unshift(newItem);

型

解析#5

import { TrackedArray } from 'tracked-built-ins';

// ...

  @cached
  get combinedList() {
    if (this.objArr.length > 1) {
      let list = new TrackedArray();
      this.objArr.forEach((item) => {
        list.push(...item.list);
      });
      return list;
    }
    return new TrackedArray(this.objArr[0].list);
  }

型
这将允许unshift更新UI