web-dev-qa-db-fra.com

Comment créez-vous des optgroups dans react-select v2?

Je veux avoir des optgroups dans ma liste React-Select, mais cela ne semble être documenté nulle part. J'ai la structure suivante, que j'ai tirée d'un commentaire dans 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} />
}

Je m'attends à ce que "Groupe 1" soit un optgroup, avec les options 1 et 2 comme enfants. Au lieu de cela, "Groupe 1" apparaît simplement comme une option standard. Quelqu'un sait-il quelle est la bonne clé, dans le "Groupe 1", pour la transformer en optgroup?

J'ai déjà essayé les "enfants" et les "valeurs", mais sans résultat.

javascriptreactjsreact-select
11
ouni

options est la clé magique:

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

Cela rend la façon dont je m'attends.

21
ouni