在React-Select V2中禁用选择组功能

时间:2019-06-05 18:23:42

标签: reactjs react-select

我在v1中填充了如下数据结构:

MonthDay

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

1 个答案:

答案 0 :(得分:1)

react-select中似乎没有任何东西可以禁用分组,但是您可以在将选项传递到map之前react-select进行选择,以便仅包含相关数据。 / p>

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 };
  })}
/>