小编典典

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

reactjs

我想在我的react-
select列表中有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”是一个optgroup,选项1和2为子级。而是,“组1”仅作为常规选项出现。有人知道“组1”中将其变成optgroup的正确密钥是什么吗?

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


阅读 373

收藏
2020-07-22

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

这呈现了我所期望的方式。

2020-07-22