从多反应选择中获取特定的选定值

Question

当前处于多重react-select (multi enabled) ， onChange处理函数将所有选定的值作为数组返回。 但是我只想获取选定的项目。 我怎样才能做到这一点？

另外，是否有处理程序可以通过单击x icon或从多个react-select选项中按退格键来知道删除了哪个项目？

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。