如何为多选设置默认值？

Question

所以，我需要将 defaultValue 传递给启用多选的 react-select 组件。我已经尝试了所有我能想到的：字符串数组、对象数组、字符串等......似乎没有任何效果。

我也在使用 getOptionLabel 和 getOptionValue，它们可能是造成所有这些混乱的原因吗？

Answer 1

如果您参考react-select文档，设置defaultValue为多个值的方式选择：

<Select
    defaultValue={[colourOptions[2], colourOptions[3]]}
    isMulti
    name="colors"
    options={colourOptions}
    className="basic-multi-select"
    classNamePrefix="select"
/>

的结构options是

[ 
  {
      label: <string>,
      value: <string>,
    } 
]

工作示例在这里。