How can we get value by selectedOption from react-select npm package?

Question

I am getting array of value label pair in React-Select npm package but I want to get value in string format.Code is given below:-

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

You can just map through the selected options:

handleChange = selectedOption => {

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

};

Answer 2

You could use map :

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