如何仅从对象数组中提取值并使用 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);