How to loop the object inside key's object in react js

Question

I need to loop the parent object.. get the all parent's name value..

test = {
  id: 1,
  name: "xxx",
  parent: {
    id: 2,
    name: "yyy",
    parent: {
      id: "3",
      name: "zzz",
      parent: { id: "4", name: "qqq", parent: undefined }
    }
  }
}