在 ReactJS 中获取没有 TypeScript 的 Fluent UI 下拉菜单的值

Question

众所周知，在一个普通的下拉列表中，您可以通过 onChange={e => this.setState({ whatever: e.target.value })} 更改它的值。问题是，在 Fluent UI React 中，这是行不通的，因为它有一个自定义值处理系统。在 Fluent UI 文档中它说 link onChange 函数为：

const onChange = (event: React.FormEvent<HTMLDivElement>, item: IDropdownOption): void => {
    setSelectedItem(item);
  };

我的项目必须是免费的 TypeScript，因为它以一种特殊的方式与另一个应用程序集成。有什么方法可以获取此下拉菜单 onChange 的值而不是使用 Typescript？

谢谢！

Answer 1

您可以在 Dropdown 的 onChange 上调用回调函数，并将事件和选项作为两个参数传递给回调。

例如

onChange = (event, option) => {
}