如何僅從對象數組中提取值並使用 react 和 javascript 將其放入數組中？

Question

我有一個對象數組，如下所示

const SelectedOptions = [
    {
        label: 'label1',
        value: '1',
    },
    {
        label: 'label2',
        value: '2',
    }
];

我在 select 菜單的 onChange 方法中使用了這個 selectedOption 數組，如下所示

const App = () => {
    return (
        <Select
            options={options}
            onChange((selectedOptions) => {
                form.setFieldValue('optionsChosen', selectedOptions);
            });
        />
    );
}
         

現在上面的 onChange 方法的問題是，我只想將字段 OptionsChosen 設置為一個值數組。

所以在 onchange 方法中，我想通過 selectedOptions 來 map 並僅提取值字段並將其放入 optionsChosen 字段。

所以 optionsChosen 字段的預期數組如下所示，

["1", "2"];

我該怎么做。 有人可以幫我解決這個問題。 謝謝。

Answer 1

您需要使用map將對象數組轉換為值數組

 const SelectedOptions = [ { label: 'label1', value: '1', }, { label: 'label2', value: '2', } ]; result = SelectedOptions.map(option => option.value); console.log(result);