0
112
Viewsconvert object of object to array of objects and iterate the text
I have JSON Objects, I want to convert it to array and iterate to each of text
Here is JSON Object:
"dataObject":{
"object2":{
"id":"123456",
"userId":"76890",
"name":"home"
}
}
Here is the view.jsx
<div>
<p>id:{id}</p>
<p>userId:{userId}</p>
<p>name:{name}</p>
</div>
·
Juan Pablo Isaza
1 answers
Answer question0
You could use Object.values to grab the values of your dataObject and map through those values
function App() {
const dataObject = {
object1: {
id: "3123456",
userId: "476890",
name: "1home"
},
object2: {
id: "123456",
userId: "76890",
name: "home"
}
};
return (
<div>
{Object.values(dataObject).map(({ id, userId, name }) => (
<div>
<p>id:{id}</p>
<p>userId:{userId}</p>
<p>name:{name}</p>
</div>
))}
</div>
);
}
Demo:
·
Juan Pablo Isaza
Report
Answer question