时间戳

首页 > 解决方案 > 如何在反应中显示下拉框其映射值而不是其键

reactjs - 如何在反应中显示下拉框其映射值而不是其键

问题描述

我是 react 新手，我正在为我的 UI 使用 ant design。最近我遇到了一些关于下拉的问题。

问题：我有一个显示下拉列表的页面，我可以在下拉列表中显示值，在选择任何值时，我将其 Key 存储在 redux 中。因此，当我进入前言并返回同一页面时，下拉菜单会显示键而不是其映射值。我将键用作数字，将映射值用作字母。

尝试过：当我将键用作字母表时，一切正常，即使我来回走动也能看到映射的值。

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

当我在下拉框中使用键作为数字时，谁能帮助我如何显示映射值？

标签： reactjsreact-reduxantd

解决方案

您可以将其传递给值，而不是将值传递给键。这是一个例子


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

我希望这能帮到您。您也可以查看 antd 文档。

推荐阅读