我将如何在 SPFX webpart 中对该 SP 列表进行排序？

Question

我想对接收到 SP webpart 的列表进行排序。 我想按它的 ID 列对其进行排序。 我正在使用以下方式从列表中获取项目：

sp.web.lists.getByTitle("Reports").items.get().then((items: any[]) => {

      let returnedItemsFullA: IListAItem[] = items.map((item) => { return new ListAItem(item); });

阅读其他帖子后，我了解到您必须在 map 之前进行排序，但我不知道如何将排序与上述内容结合起来。

问候，T

Answer 1

在调用map之前，您可以使用Array.sort方法按 Id 排序，如下所示：

items.sort((a, b) => a.Id.localeCompare(b.Id)).map((item) => {
  //Rest of the logic on sorted item
});

Answer 2

您可以使用 pnp js 提供的 function orderby。

样本：

let web = new Web(this.props.context.pageContext.web.absoluteUrl);
    web.lists.getByTitle('test3').items.orderBy("ID",true).get().then(response => console.log(response));

https://pnp.github.io/pnpjs/sp/items/