如何在 office-ui-fabric-react 的 Dropdown 组件上获取选定值？

Question

我正尝试在我的项目中使用 office-ui-fabric-react。但是我在控制 select 输入时卡住了。我想在 OnChange 事件中获得 selected 项的值。但是 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'}
      ]}
   />

1. 有没有不使用ref的解决方案？

2. 如果我必须使用 ref 我应该怎么做？

Answer 1

天哪..我应该仔细阅读文档还有第二个参数。

<Dropdown
      label={'Dropdown'}
      onChange={(e, selectedOption) => {
          // Now I can access with `selectedOption`
      }}
      options={[
          { text: 'A', key: 'keyA'}, 
          { text: 'B', key: 'keyB'}
      ]}
   />