我想在我的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的正确密钥是什么吗?
我已经尝试过“儿童”和“价值观”,但没有任何效果。
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} /> }
这呈现了我所期望的方式。