reactjs - 禁用 React-Select V2 中的 opt-groups 功能

Question

我用如下数据结构填充 v1:

[{"label":"email","resource_type":"Email","options":[{"label":"Desc","value":1}]},{"label":"survey","options":[{"label":"HXH","value":3}]

然后用嵌套选项填充另一个选择。但现在，由于我的 json 的嵌套 option 键，v2 自动使用 opt 组填充选择。我如何禁用它？

Answer 1

react-select中似乎没有任何内容禁用分组，但您可以 map在将选项传递给 react-select 之前因此它只包含相关数据。

const originalOptions = [
  { label: 'email', resource_type: 'Email', options: [{ label: 'Desc', value: 1 }] },
  { label: 'survey', options: [{ label: 'HXH', value: 3 }] },
];

<Select
  options={originalOptions.map(option => {
    return { label: option.label, value: option.value };
  })}
/>