Как сохранить несколько значений в редуксе вместо состояния, используя раскрывающийся компонент Material UI?

Question

Я хотел бы использовать раскрывающийся список с множественным выбором пользовательского интерфейса для сохранения массива значений в редуксе.Предоставленный компонент в настоящий момент сохраняет их в состояние.

В настоящее время я могу сохранить только одно выбранное значение, переключив функцию onChange () внутри Select:

          <Select
        multiple
        value={this.state.name}
        onChange={this.handleChange}
        input={<Input disableUnderline={true}  id="select-multiple" />}
        MenuProps={MenuProps}
      >

на:

  onChange={(e) => {this.props.set("myReduxArray", e.target.value)}}>

Это функции компонента, которые сохраняют несколько значений в состояние.Интересно, что когда я делаю выбор внутри выпадающего меню, я вижу на консоли сообщение о том, что срабатывает только handleChange (), поэтому я не уверен, когда это делает handleChangeMultiple, и какие дополнительные изменения мне нужно сделать, чтобы сохранить массивнесколько значений в редуксе с помощью этого раскрывающегося списка.

  handleChange = event => {
console.log('triggering handleChange...');
this.setState({ name: event.target.value });
};

handleChangeMultiple = event => {
console.log('triggering handleChangeMultiple...');
const { options } = event.target;
const value = [];
for (let i = 0, l = options.length; i < l; i += 1) {
  if (options[i].selected) {
    value.push(options[i].value);
  }
}
this.setState({
  name: value,
});
};

Спасибо за любую помощь в этом!