如何使用react和javascript从对象数组中仅提取值并将其放入数组中？

Question

我有一个如下所示的对象数组

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

我在选择菜单的 onChange 方法中使用这个 selectedOption 数组，如下所示

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

现在上面 onChange 方法的问题是，我只想将字段 OptionsChosen 设置为值数组。

因此，在 onchange 方法中，我想通过 selectedOptions 进行映射并仅提取值字段并将其放入 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);