I have created two dropdowns and I am getting the back-end data. Here, I wat to display the list of websites and stores as dropdown.
[ { store: [], website: "storeuiteam", }, { store: ["MSP_BASE"], website: "base", }, ]
I want option like:
const tableDropdownOptions = [ { value: "website1", label: "website1" }, { value: "website2", label: "website2" }, ];
Advertisement
Answer
Is that what you need? This pretty much is the same as your comment without the count.
const response = [{ "store": [], "website": "storeuiteam" }, { "store": ["MSP_BASE"], "website": "base" }] const options = response.map(item => ({ key: item.website, value: item.website })); console.log(options)
EDIT
Here is a snippet that returns exactly the expected output
const response = [{ "store": [], "website": "storeuiteam" }, { "store": ["MSP_BASE"], "website": "base" }] const options = response.map((_, index) => ({ key: `website${index + 1}`, value: `website${index + 1}` })); console.log(options)