Getting value of a Fluent UI dropdown without TypeScript in ReactJS

Question

As you all know, in a normal dropdown, you can get the value of it onchange with onChange={e => this.setState({ whatever: e.target.value })}. The thing is, in Fluent UI React, this does not work, since it has a custom value handling system. In the Fluent UI docs it says to link the onChange function to:

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

My project has to be TypeScript free because it is integrating with another application in a special way. Is there any way to get the value of this dropdown onChange rather than use Typescript?

Thanks!

Answer 1

You can call the callback function on onChange of the Dropdown and pass event and option as two argument to the callback.

For Example

onChange = (event, option) => {
}