react-select - 如何为多选设置默认值？

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>,
    } 
]

工作示例 here .