i have an array of objects like below
const SelectedOptions = [
{
label: 'label1',
value: '1',
},
{
label: 'label2',
value: '2',
}
];
I use this selectedOption array in the onChange method of select menu like below
const App = () => {
return (
<Select
options={options}
onChange((selectedOptions) => {
form.setFieldValue('optionsChosen', selectedOptions);
});
/>
);
}
Now the problem with above onChange method is that, i want to set field OptionsChosen to an array of values only.
so in the onchange method i want to map through selectedOptions and extract only values field and put it to optionsChosen field.
so the expected array to optionsChosen field is like below,
["1", "2"];
how can i do it. could someone help me with this. thanks.
i have an array of objects like below
const SelectedOptions = [
{
label: 'label1',
value: '1',
},
{
label: 'label2',
value: '2',
}
];
I use this selectedOption array in the onChange method of select menu like below
const App = () => {
return (
<Select
options={options}
onChange((selectedOptions) => {
form.setFieldValue('optionsChosen', selectedOptions);
});
/>
);
}
Now the problem with above onChange method is that, i want to set field OptionsChosen to an array of values only.
so in the onchange method i want to map through selectedOptions and extract only values field and put it to optionsChosen field.
so the expected array to optionsChosen field is like below,
["1", "2"];
how can i do it. could someone help me with this. thanks.
Share Improve this question asked Jan 26, 2021 at 14:35 stackuserstackuser 2191 gold badge5 silver badges16 bronze badges1 Answer
Reset to default 8You need to use map to convert an array of objects into an array of values
const SelectedOptions = [
{
label: 'label1',
value: '1',
},
{
label: 'label2',
value: '2',
}
];
result = SelectedOptions.map(option => option.value);
console.log(result);