I have the following JSON Array data from which I want to print Charlie. How to do it?
[ [ {
"ID": 1,
"Name" :"David"
},{
"ID": 2,
"Name" :"Antony"
}],[{
"ID": 1,
"Name" :"Bob"
},{
"ID": 2,
"Name" :"Charlie"
} ] ]
-
what error does it gives, how are you printing ?? can you post how you are printing ?Akhil Aravind– Akhil Aravind2020-02-19 10:28:35 +00:00Commented Feb 19, 2020 at 10:28
-
{PostData.map((group, index)=>{ return <p>{group.Name}</p> This prints all the names, but I want to print only the first or second nameAnmol Khanna– Anmol Khanna2020-02-19 10:30:05 +00:00Commented Feb 19, 2020 at 10:30
-
If you are reading this array asynchronous than this can be empty so first check if that has at least one item then try to access with data[0]Florim Maxhuni– Florim Maxhuni2020-02-19 10:30:41 +00:00Commented Feb 19, 2020 at 10:30
-
I have this array in json file.Anmol Khanna– Anmol Khanna2020-02-19 10:31:28 +00:00Commented Feb 19, 2020 at 10:31
-
If you only want the first one, then don't map the whole array. Just take the first element.JMadelaine– JMadelaine2020-02-19 10:41:56 +00:00Commented Feb 19, 2020 at 10:41
Add a comment
|
3 Answers
you are using {PostData.map((group, index)=>{ return <p>{group.Name}</p>, since you are using map here PostData[0].Name will throw error inside map(), because you are iterating array with map().
Since you only need first item, you can simply use <p>PostData[0].Name</p>
var data = [{
"ID": 1,
"Name" :"David",
}, {
"ID": 2,
"Name" :"Antony",
}];
console.log(data[0].Name)8 Comments
Anmol Khanna
This way, it printed the same name twice.
Akhil Aravind
@AnmolKhanna are you using like this
{PostData.map((group, index)=>{ return <p>{postData[0].Name}</p> } ??Anmol Khanna
Yes, exactly this way.
Akhil Aravind
thats why its printing twice, dont use
.map(), use like {PostData && <p>{PostData[0].Name}</p>}Anmol Khanna
PostData((group, index)=>{ return <p>{PostData[0].Name}</p> This gave an error
|
var response= [{
"ID": 1,
"Name" :"David",
}, {
"ID": 2,
"Name" :"Antony",
}];
console.log(response[0].Name) will give you first element of Array and return data with Key 'Name'.
Comments
I tried all of the above and although the console.log(data[0].Name) would work to test the value, when it came to inserting the chosen value within the returned html code, I needed to use the code below. The reason is when we return the rows of data, only one row is valid and we need to use the "?" condition, as explained here https://stackoverflow.com/a/62824031/7496293 to exclude all the other cases and not have your code break:
{data[0]?.Name}
