如何在 React 中获取 office-ui-fabric-react/lib/Dropdown 键的值

Question

我使用 office-ui-fabric-react/lib/Dropdown 在我的反应应用程序中创建了下拉列表

const fundsTypes: IDropdownOption[] =
    [
        { key: "Electronic", text: "Electronic" },
        { key: "BankCheque", text: "Bank Cheque" },
        { key: "TrustCheque", text: "Trust Cheque" },
        { key: "PersonalCheque", text: "Personal Cheque" }
    ];

<div className="ms-Grid-col ms-sm4">
  <Dropdown
     placeholder='Select Funds Type'
     data-cy='funds_type_input'
     options={fundsTypes}
     defaultSelectedKey={updatedState['fundType']}
     onChange={(ev, newItem) => this.props.updateValue(newItem!.key, 'fundType')}/>
  </div>

我将密钥存储在数据库中，现在我想根据页面上某处的密钥获取价值，但我无法做到。 我在互联网上搜索了很多，但没有得到解决方案。

现在我最终想要的是，获得一个键的值。 例如，如果我通过键“ PersonalCheque ”，那么值应该是Personal Check 。 我尝试了 fundTypes["PersonalCheque"] 但没有用。

任何人都可以帮忙吗？

Answer 1

在文档https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown我看到selectedKeys道具

添加时，您必须将所选键存储在状态或某处。

 <Dropdown
     placeholder='Select Funds Type'
     data-cy='funds_type_input'
     options={fundsTypes}
     defaultSelectedKey={updatedState['fundType']}
     onChange={(ev, newItem) => this.props.updateValue(newItem!.key, 'fundType')}
     selectedKeys={["PersonalCheque"]} // here will be value from your state
/>