Andrew Wilson's Blog

{ ... Plan - Architect - Develop - Reflect - Improve - Repeat ... }

Fluent UI | React | Controlled multi-select Dropdown - Selected Keys

Problem Space I ran into a problem the other day working with the Fluent UI React component Controlled Multi-select Dropdown. As context, here is my redacted code and explanation: import { Dropdown, IDropdownOption } from 'office-ui-fabric-react'; // office-ui-fabric-react@7.204.0 export interface State { itemList: IDropdownOption[]; selectedItems: string[]; } export default class DropDownExample extends React.Component<any, State> { constructor(context) { super(context); this.state = { itemList: [{ key: 'None', text: 'None' }], selectedItems: [] } this.