如何在 rsuitejs selectpicker 上设置一个值

Question

const _DATA = [{
  code: 'code1',
  name: 'Jagger'
},{
  code: 'code2',
  name: 'Tigger'
},{
  code: 'code3',
  name: 'Lion'
}]

 <SelectPicker
      data={_DATA.map(x => {return {label: x.name, value: x.code} })}
      style={{ width: 224 }}
      defaultValue={_DATA[1].label}
    />

如何设置 code1 的值，例如我有一个表单，然后它会在打开 form/drawer 时设置 code1。因为我有一个列表然后我有编辑按钮。当我尝试 select code1 的数据时，它应该会自动显示。但在我这边没用。

Answer 1

您不必映射数据。 SelectPicker 支持传递 valueKey 和 labelKey。 您可以将代码值传递给 SelectPicker。

const _DATA = [{
  code: 'code1',
  name: 'Jagger'
},{
  code: 'code2',
  name: 'Tigger'
},{
  code: 'code3',
  name: 'Lion'
}]

 <SelectPicker
      data={_DATA}
      valueKey="code"
      labelKey="name"
      style={{ width: 224 }}
      defaultValue={_DATA[0].code}
    />