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

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。