无法从 React fluent UI 下拉列表中获取选定的值

Question

我正在尝试做一些非常简单的事情，在 JS 中我可以在几分之一秒内完成，但由于某种原因在 React 中不起作用

我正在尝试更改下拉列表值并捕获事件中的目标元素，因此我可以将其分配给具有特定索引 (idx) 的状态

但是，无论我做什么，事件目标都显示为未定义。我确实已经尝试应用绑定，但在那种情况下事件根本不会触发

请帮忙，先谢谢了

这是下拉列表

<Dropdown   onChange={event => this.handleRoleChange(event, idx)}
        placeholder="Staff Member Roles"
        options={options}
        styles={dropdownStyles}
       />

这里是 handleRoleChange 事件

    private handleRoleChange(event, idx) {
        alert(idx);
        alert(event.target.value);
    }

Answer 1

找到答案

   <Dropdown   onChange={this.handleRoleChange}
         placeholder="Staff Member Roles"
         options={options}
         styles={dropdownStyles}
         id={idx.toString()}
   />

    public handleRoleChange = (event, option, index) => {       
         let idx = parseInt(event.target.id);
         alert(idx);
         alert(option.key);
    }

无法从 React fluent UI 下拉列表中获取选定的值

Unable to get the selected value from the React fluent UI dropdown

reactjs

fluent-ui