Javascript 变换规格化的重复渲染对象以进行渲染

我在我的React原生项目中使用Redux，希望得到一些转换数据以进行渲染的建议。 我相信这是一个规范化的

userDetails

对象，其形式如下：

"userDetails": Object {
    "allIds": Array [
      "111",
      "222",
      "333",
    ],
    "byId": Object {
      "111": Object {
        "name": "Bob",
        "part": "1st",
        "section": "A",
      },
      "222": Object {
        "name": "Alice",
        "part": "2nd",
        "section": "B",
      },
      "333": Object {
        "name": "Fred",
        "part": "1st",
        "section": "B",
      },
    },
  },

const DATA = [
  {
    section: "A",
    data: ["111"]
  },
  {
    section: "B",
    data: ["333", "222"]
  }
];

我想将

section

作为节头，将列表按字母数字顺序排列，首先按

节

，然后按

部分

呈现为React原生的

节列表

。

部分列表

似乎需要以下格式的数据：

"userDetails": Object {
    "allIds": Array [
      "111",
      "222",
      "333",
    ],
    "byId": Object {
      "111": Object {
        "name": "Bob",
        "part": "1st",
        "section": "A",
      },
      "222": Object {
        "name": "Alice",
        "part": "2nd",
        "section": "B",
      },
      "333": Object {
        "name": "Fred",
        "part": "1st",
        "section": "B",
      },
    },
  },

const DATA = [
  {
    section: "A",
    data: ["111"]
  },
  {
    section: "B",
    data: ["333", "222"]
  }
];

---

有人能给我一些建议吗？

使用一个名为“重新选择”的库，它正是为这个目的而设计的

使用一个名为“重新选择”的库，它正是为这个目的而设计的