如何在 rsuitejs selectpicker 上设置值

如何解决如何在 rsuitejs selectpicker 上设置值

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 的值，例如我有一个表单，然后它会在打开表单/抽屉时设置 code1。因为我有一个列表然后我有编辑按钮。当我尝试选择 code1 数据时，它应该会自动显示。但在我这边它不起作用。

解决方法

您不必映射数据。 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}
    />