reactjs - 如何在 office-ui-fabric-react 中的下拉组件上获取选定的值?
问题描述
我正在尝试office-ui-fabric-react
与我的项目一起使用。但是我在控制选择输入时卡住了。我想在 OnChange 事件中获取所选项目的值。但是没有value
开event.target
。这似乎div
只有textContent
. 我必须使用ref
吗?但是当我使用时我并不高兴,ref
因为我相信它不是反应方式。
库:https ://developer.microsoft.com/en-us/fabric#/controls/web/dropdown
<Dropdown
label={'Dropdown'}
onChange={e => {
// Not working.
console.log(e.target.value)
}}
options={[
{ text: 'A', key: 'keyA'},
{ text: 'B', key: 'keyB'}
]}
/>
有没有不使用 ref 的解决方案?
如果我必须使用 ref 我应该怎么做?
解决方案
OMG .. 我应该仔细阅读文档有第二个参数。
<Dropdown
label={'Dropdown'}
onChange={(e, selectedOption) => {
// Now I can access with `selectedOption`
}}
options={[
{ text: 'A', key: 'keyA'},
{ text: 'B', key: 'keyB'}
]}
/>
推荐阅读
- android - 如何解析json对象内的嵌套数组
- html - 在 html 中包含来自另一个文件的 html 代码
- php - 获取 laravel 中跨度值的计数
- android - ListView 颤动中的问题开关值
- vue.js - 如何将 Mobx 状态树与 Vue JS 集成?
- excel - 如何在循环浏览子文件夹时跳过新创建的文件夹?
- java - 在 Java 中不输入任何内容时存储在变量中的内容是什么?
- excel - power BI or Excel - 如何根据数据透视表中的列添加自定义列
- .net - .Net - 程序集绑定不适用于 net461 中的 Newtonsoft
- html - 无法通过可见性更改使 CSS 动画正常工作