Reactjs 如何按一个值对数据进行分组？

我有一个数据表，我想按一个值分组，“组1”和“组2”。 我该怎么做

我从json文件映射此数据：

data.properties.map(data =>({key: Math.floor(Math.random()*1234), id: Math.floor(Math.random()*1234), value: data.value, group: data.group, type: data.type, label: data.label, image: data.image}));

然后我把它作为一个州对一个州。 如果这还不够，我只想解释一下如何在这个代码示例中按组分组数据：

const项=[{
id:1，
小组：“第一组”，
标题：“我的标题1”
}, {
id:2，
小组：“第2组”，
标题：“我的标题2”
}, {
id:6，
小组：“第一组”，
标题：“另一标题1”
}]

你们可以用我的数据做例子，没关系，若我问了一个愚蠢的问题，我很抱歉，谢谢

您可以使用array.reduce（）。。也许这样的事情可以让你开始：

const arr = [
  {
    group: 'Group 1',
    id: 1
  },
  {
    group: 'Group 1',
    id: 2
  },
  {
    group: 'Group 2',
    id: 3
  }
];

const x = arr.reduce(function(acc, cur) {
  const idx = acc.findIndex(el => el.group === cur.group);
  const obj = {
    group: cur.group
  };
  if(idx < 0) {
    obj.children = [];
    obj.children.push(cur);
    acc.push(obj)
  } else {
    acc[idx].children.push(cur);
  }
  
  return acc;
}, []);

console.log(x);

const arr=[
{
组：'第1组'，
身份证号码：1
},
{
组：'第1组'，
身份证号码：2
},
{
组别:"第二组",，
身份证号码：3
}
];
常数x=arr.reduce（功能（acc、cur）{
const idx=acc.findIndex（el=>el.group==cur.group）；
常量对象={
组：cur.group
};
if（idx<0）{
obj.children=[]；
对象儿童推送（cur）；
附件推送（obj）
}否则{
acc[idx].children.push（cur）；
}
返回acc；
}, []);
控制台日志（x）；

请在问题中包含相关内容，而不是代码图片的外部链接。您想要什么样的样本输出？有很多关于通过属性值对对象进行分组的帖子，你可以在谷歌上搜索它们。他们不能满足你的需要吗？谢谢你，我想这对我很有帮助。我可以问一下“（acc，cur）”吗？这些变量分配到哪里？他们在干什么？@bigmacreact对不起，我离开了几天。。acc=累加器，cur=当前值。。在google上搜索javascript数组reduce:）谢谢，我能再问你一个问题吗？如果我想显示子组，我指的是rest值，那么如何在存储中取消此项？比如使用group.values还是什么？