Как показать в раскрывающемся списке его сопоставленное значение вместо его ключа в реакции

Question

Я новичок в реакции и использую дизайн муравьев для своего интерфейса. Недавно я столкнулся с некоторыми проблемами, связанными с раскрывающимся списком.

Проблема: у меня есть страница, на которой отображается раскрывающийся список. Я могу отобразить значение в раскрывающемся списке при выборе любого значения, в котором хранится его ключ. в редуксе. Поэтому, когда я иду на предисловие и возвращаюсь на ту же страницу, выпадающий список показывает ключ вместо его отображенного значения. Я использую ключ в качестве числа и сопоставленное значение в виде алфавита.

Попытка: когда я использую ключ в качестве алфавита, все работает нормально, и я могу видеть сопоставленное значение, даже когда я иду вперед и назад.

...
...
...
{getFieldDecorator("name", {
  initialValue: this.props.partner.name                
  (
     <Select showSearch >
    <Option
      key=1
      value="Partner 1"
         />
    <Option
      key=2
          value="Partner 2"
        />
     </Select>
  )}
...
...
...

Может ли кто-нибудь помочь мне, как я могу отобразить сопоставленное значение, когда я использую ключ в качестве числа в выпадающем списке?

Answer 1

то, что вы храните (введите в вашем случае) в redux, используется Select в качестве значения, а не ключ ,

Итак, вы можете либо сохранить само значение (лучше), либо выполнить сопоставление ключа со значением, управляя отдельной структурой данных, такой как object .

Answer 2

Вместо передачи значения ключу вы можете передать его значению. и вот один из примеров

{getFieldDecorator("name", {
  initialValue: this.props.partner.name                
  (
   <Select showSearch >
    <Option value=1 > Partner 1 </Option>
    <Option value=2 > Partner 2 </Option>
   </Select>
  )
}

Надеюсь, это поможет вам. Также вы можете посмотреть документацию и документацию.