你如何在 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} />
}

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

我已经尝试了 "children" 和 "values"，但没有效果。

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

这呈现了我期望的方式。

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

How do you create optgroups in react-select v2?

javascript

reactjs

react-select