javascript - 有没有办法在反应选择中对输入中的选项进行分组？

Question

我正在使用react-select。

我需要在输入中对选项进行分组。下一个值应该添加到特定组中，就像它在带有组的“MenuList”组件中一样

这是我需要的

https://prnt.sc/qybffp

关于如何做到这一点的想法？

目前，我只有一个想法来处理多值组件（每个组都是一个单独的多值组件）。但不确定这是一个好主意）

标签： javascriptreactjsreact-select

Answer 1

我不确定你是否想实现这样的目标。

const selected_options = [{
    label: "Dark Colours",
    options: [{
        label: "colour 1",
        value: "value1"
      },
      {
        label: "colour 2",
        value: "value2"
      }
    ]
  },
  {
    label: "Light Colours",
    options: [{
        label: "colour 3",
        value: "value3"
      },
      {
        label: "colour 4",
        value: "value4"
      }
    ]
  },
];