Как мы можем получить значение с помощью selectedOption из пакета response-select npm?

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 });

};