我們如何通過 selectedOption 從 react-select npm package 中獲取價值？

Question

我在 React-Select npm package 中得到值 label 對的數組，但我想以字符串格式獲取值。代碼如下：-

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

您可以通過所選選項僅 map：

handleChange = selectedOption => {

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

};

Answer 2

您可以使用map ：

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