reactjs - 在 ReactJS 中获取没有 TypeScript 的 Fluent UI 下拉列表的价值

Question

众所周知，在正常的下拉列表中，您可以使用 .onchange 获取它的值onChange={e => this.setState({ whatever: e.target.value })}。问题是，在 Fluent UI React 中，这不起作用，因为它有一个自定义值处理系统。在 Fluent UI 文档中，它说将 onChange 函数链接到：

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

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

谢谢！

Answer 1

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

例如

onChange = (event, option) => {
}