如何从react-select npm包中通过selectOption获取值？

Question

我在React-Select npm包中得到了一个由标签对组成的数组，但我想用字符串格式来获取值，代码如下：-------。

handleChange = selectedOption => {
    this.setState({ selectedOption });
    console.log(`Option selected:`, selectedOption);
  };

Actual output:- Option selected:[{value:'Apple'   label:'Apple'},{value:'Banana'   label:'Bnanana'}]
Expected Output:- Option selected: Apple,Banana

Answer 1

你可以使用 地图:

const myArray = [{value:'Apple',label:'Apple'},{value:'Banana',label:'Bnanana'}];
let results = myArray.map(el => el.value);
console.log(`Option selected: ${results.toString()}`);

Answer 2

你可以直接在选定的选项中进行映射。

handleChange = selectedOption => {

    const selectedOptionValues = selectedOption.map(({ value }) => value );
    console.log(`Option selected:`, selectedOptionValues);
    this.setState({ selectedOption: selectedOptionValues });

};