DEV Community

almantas88
almantas88

Posted on

How to make JSON file to tree structure

I give front end data from back-end (Node.js and Firebase/firestore)
Data:
image

How does front-end (Vue.js) render this data as a tree, like this:

image

Top comments (3)

Collapse
 
aiosifelisl1 profile image
Andreas Iosifelis
Collapse
 
almantas88 profile image
almantas88

does this do the trick with children id references? Because back-end send data as a plain json object, but not a tree.

Collapse
 
aiosifelisl1 profile image
Andreas Iosifelis

From what I understand this module will display a json object in a UI format. If you want a specific structure, you're going to have to massage your data into that structure first and then feed it into the module.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay