I have data const { data: communityData } = useQuery(SEE_ALL_COMMUNITIES_QUERY);
communtyData is Array and it has field named communityName.
if I console.log communityData.communityName[0] then 'abs' comes.
I need to make array looks like below with this 'abs'
[
{ label: "abs", value: "abs" },
{ label: "gsd", value: "gsd" },
]
So I use map function.
const communityNameList = communityData.seeAllCommunities.map(
(community, index) =>
`label:${community.communityName}, value:${community.communityName} }`
);
I console.log communityNameList,
Array [
"{ label:abs, value:abs }",
]
As you can see it has " front and behind the each object.
And I dont' know how to put " besides abs.
Please help me
You don't want to turn this into an Array but into JSON specifically if you want to get the effect you wrote the map should look like this
const communityNameList = arr.map((community, index) => {
return {
"label": community.communityName,
"value": community.communityName
};
});
Try something like this :
const communityNameList = communityData.seeAllCommunities.map(community => ({
label: community.communityName,
value: community.communityName
})
);
Note : When you want to return JSON from arrow function you have to surround the return statement with ()