指定除“选项”

Question

我正在尝试使用react-select对分组选项的支持以及自定义数据结构。

根据此this example，似乎有一个假设，即分组数据始终遵循以下格式：

colourOptions = [
  { value: 'ocean', label: 'Ocean', color: '#00B8D9' },
  { value: 'blue', label: 'Blue', color: '#0052CC' },
  ...
]

flavourOptions = [
  { value: 'vanilla', label: 'Vanilla', rating: 'safe' },
  { value: 'chocolate', label: 'Chocolate', rating: 'good' },
  ...
]

groupedOptions = [
  {
    label: "Colours",
    options: colourOptions
  },
  {
    label: "Flavours",
    options: flavourOptions
  }
]

但是我从API提取的数据未命名其子级options。有没有办法指定孩子的名字？也许类似于getOptionLabel如何允许您指定要使用的值而不称为label的东西？例如，我的数据结构如下：

groupedIndustries = [
  {
    sector: "Agriculture",
    industries: industryOptions
  },
  {
    sector: "Construction",
    industries: industryOptions
  }
];

要使用react-select的分组功能，我目前必须在传递给options组件之前重新键入此API数据（industries-> <Select>）。我希望避免这样做。