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

Question

我希望在我的反应选择列表中有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} />
}

我希望“Group 1”成为一个optgroup，选项1和2作为孩子。 相反，“组1”只是作为常规选项出现。 有没有人知道“组1”中的正确密钥是什么，把它变成一个optgroup？

我已经尝试过“儿童”和“价值观”，但没有效果。

Answer 1

选项是神奇的关键：

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

这呈现了我期望的方式。