JSFiddle - React, Tailwind, and code Playground

by David Underwood

JavaScript

var locations = [
 { id: 1, parentId: null, name: "aesolutions",children: []},
 { id: 2, parentId: 1, name: "safety lifecycle", children: []},
 { id: 3, parentId: 2, name: "north america", children: []},
 { id: 4, parentId: 3, name: "AK", children: []},
 { id: 5, parentId: 4, name: "AK 1", children: []},
 { id: 6, parentId: 4, name: "AK 2", children: []},
 { id: 7, parentId: 3, name: "SC", children: []},
 { id: 8, parentId: 7, name: "SC 1", children: []},
 { id: 9, parentId: 7, name: "SC 2", children: []},
 { id: 10, parentId: 3, name: "LA", children: []},
 { id: 11, parentId: 10, name: "LA 1", children: []},
 { id: 12, parentId: 2, name: "south america", children: []},
 { id: 13, parentId: 12, name: "paraguay", children: []},
 { id: 14, parentId: 13, name: "asuncion", children: []}
 ];

var parents = [];