Как установить значение на 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тогда он должен автоматически отображаться. но с моей стороны это не сработало.

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}
    />