![](/img/trans.png)
[英]How to get value of key of office-ui-fabric-react/lib/Dropdown in React
[英]How to get selected value on Dropdown component in office-ui-fabric-react?
我正在尝试在我的项目中使用office-ui-fabric-react
。 但是我在控制选择输入时卡住了。 我想在 OnChange 事件上获取所选项目的值。 但是event.target
没有value
。 这似乎是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'}
]}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.