3

我正在尝试office-ui-fabric-react与我的项目一起使用。但是我在控制选择输入时卡住了。我想在 OnChange 事件中获取所选项目的值。但是没有valueevent.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 我应该怎么做?

4

1 回答 1

9

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

<Dropdown
      label={'Dropdown'}
      onChange={(e, selectedOption) => {
          // Now I can access with `selectedOption`
      }}
      options={[
          { text: 'A', key: 'keyA'}, 
          { text: 'B', key: 'keyB'}
      ]}
   />
于 2020-03-09T07:48:12.097 回答