javascript - 如何在 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例如我有一个表单的值，然后它会code1在打开表单/抽屉时设置。因为我有一个列表，然后我有编辑按钮。当我尝试选择数据时，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}
    />