无法从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);
}