<Fabric>
<Dropdown
placeholder="Select options"
label="Multi-select uncontrolled example"
multiSelect
options={options}
onChange={(value) => {return this.props.input.onChange(value)}}
/>
</Fabric>
Выше приведен фрагмент кода мультиселектора с использованием Dropdown от fabri c.
private _OnChangeOption(
event: React.FormEvent<HTMLDivElement>,
option?: IDropdownOption
): void {
let x = this.props.input.value;
if(!Array.isArray(x)) {
x = [x];
}
option !== undefined && x.push(option.key);
this.props.input.onChange(x);
console.log(x);
}
}
Это обработчик события onChange. Когда я это делаю, и начальные, и обновленные значения имеют одинаковые данные (обновляется выбранный список опций). Это происходит только в том случае, если поле является множественным выпадающим списком. Если это текстовая строка / одиночный выпадающий список, он отлично работает.