Как получить выбранное значение для компонента Dropdown в office-ui-fabri c -react?

Question

Я пытаюсь использовать 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'}
      ]}
   />

1. Есть ли какое-либо решение, не использующее ref?

2. Если мне нужно использовать ref, как мне это сделать?

Answer 1

OMG .. Я должен внимательно прочитать документ, есть второй параметр.

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