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

npm install @fluentui/react

import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
import '@fluentui/react/lib/Dropdown.css';

state = {
  selectedOption: undefined
};

handleDropdownChange = (event: React.FormEvent<HTMLDivElement>, option?: IDropdownOption): void => {
  this.setState({ selectedOption: option });
};

render() {
  const { selectedOption } = this.state;

  return (
    <Dropdown
      options={[
        { key: 'option1', text: 'Option 1' },
        { key: 'option2', text: 'Option 2' },
        { key: 'option3', text: 'Option 3' }
      ]}
      selectedKey={selectedOption ? selectedOption.key : undefined}
      onChange={this.handleDropdownChange}
    />
  );
}