web-dev-qa-db-ja.com

react-select v2でoptgroupを作成するにはどうすればよいですか？

反応選択リストにoptgroupが必要ですが、どこにも文書化されていないようです。 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」は、オプション1と2を子とするoptgroupになると予想しています。代わりに、「グループ1」は通常のオプションとして表示されます。 「グループ1」内で、それをoptgroupに変換するための正しいキーを知っている人はいますか？

私はすでに「子供」と「価値」を試しましたが、効果はありません。

javascriptreactjsreact-select
11
ouni

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

これは私が期待する方法をレンダリングします。

21
ouni