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!
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) => {
}