通过JavaScript

Question

我有一个（当前是静态的）JSON blob，我正在映射它以输出React应用程序中每个对象的列表项。但是，我想按特定键按字母顺序排序输出。

排序已有答案：Sort array of objects by string property value in JavaScript

function compare(a,b) {
  if (a.last_nom < b.last_nom)
    return -1;
  else if (a.last_nom > b.last_nom)
    return 1;
  else 
    return 0;
}

objs.sort(compare);

但是在我的React应用程序中，我不知道如何对映射数组进行排序...我应该将它作为map函数的一部分吗？还是分开？我是否在地图后链接排序？

JSON：

[
    {
        "name": "Apple",
        "category": "Fruit"
    },
    {
        "name": "Pear",
        "company": "Fruit"
    },
    {
        "name": "Skittles",
        "company": "Confectionary"
    },
    {
        "name": "Milk",
        "company": "Dairy"
    },
    {
        "name": "Brie",
        "company": "Dairy"
    },
    {
        "name": "Twix",
        "company": "Confectionary"
    }
]

MAP：

return this.fetchProduce().map((item) => (
    <Item key={item.name} item={item} />
));

提前致谢：）