从 Office UI Fabric 核心中的下拉列表中获取/检索所选选项的值/数据属性,可以通过以下步骤实现:
import { Dropdown } from 'office-ui-fabric-react';
const options = [
{ key: 'option1', text: '选项1' },
{ key: 'option2', text: '选项2' },
{ key: 'option3', text: '选项3' },
];
<Dropdown
label="选择选项"
options={options}
onChanged={(option) => console.log(option.key)}
/>
在上述代码中,我们创建了一个下拉列表组件,并传入了一个 options
数组作为选项。每个选项都包含一个 key
和 text
属性,分别表示选项的唯一标识和显示文本。
onChanged
属性监听下拉列表的选项变化,并在回调函数中获取所选选项的值/数据属性。在上述代码中,我们使用 console.log(option.key)
打印所选选项的 key
属性。这样,当用户选择下拉列表中的选项时,就会触发 onChanged
回调函数,并输出所选选项的值/数据属性。
Office UI Fabric 是一套由 Microsoft 提供的用于构建 Office 风格的 Web 应用程序的 UI 组件库。它提供了一系列可重用的组件和样式,帮助开发者快速构建现代化的用户界面。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库 MySQL。
领取专属 10元无门槛券
手把手带您无忧上云