javascript - 你如何在 react-select v2 中创建 optgroup？

Question

我想在我的 react-select 列表中包含 optgroups，但它似乎没有在任何地方记录。我有以下结构，这是我从 https://github.com/JedWatson/react-select/issues/59 中的评论中提取的:

render() {
  const options = [
    {
      label: "Group 1",
      children: [
        { label: "Group 1, option 1", value: "value_1" },
        { label: "Group 1, option 2", value: "value_2" }
      ]
    },
    { label: "A root option", value: "value_3" },
    { label: "Another root option", value: "value_4" }
  ];
  return <Select options={options} />
}

我希望“第 1 组”是一个 optgroup，选项 1 和 2 作为子项。相反，“第 1 组”只是作为常规选项出现。有谁知道在“第 1 组”中将其变成 optgroup 的正确 key 是什么？

我已经尝试过“children”和“values”，但没有效果。

Answer 1

options 是魔法键:

render() {
  const options = [
    {
      label: "Group 1",
      options: [
        { label: "Group 1, option 1", value: "value_1" },
        { label: "Group 1, option 2", value: "value_2" }
      ]
    },
    { label: "A root option", value: "value_3" },
    { label: "Another root option", value: "value_4" }
  ];
  return <Select options={options} />
}

这呈现了我期望的方式。