Получить конкретное выбранное значение из мультиреактивного выбора

Question

В настоящее время в множественном реагировании-выборе (multi enabled) обработчик onChange возвращает все выбранные значения в виде массива. Но я бы хотел получить только выбранный предмет. Как я могу это сделать?

Кроме того, есть ли обработчик, чтобы узнать, какой элемент я удалил, нажав x icon или нажав клавишу Backspace в нескольких опциях реакции выбора?

Answer 1

Для вновь выбранного значения, я не думаю, что это возможно. но вы можете выполнить вычитание в onChange handler.

Например:

handleChange = (selectedOption) => {

  let arr1 = this.state.selectedOption; //already selected values and stored in this.state.selectedOption;
  let arr2 = selectedOption; // array with latest selected options.

  let difference = arr1
                 .filter(x => !arr2.includes(x))
                 .concat(arr2.filter(x => !arr1.includes(x)));

  console.log(difference);
}

Требуется ES6.