How to display key-value pair of an object recursively

Let's say I have an object:

{
  "id": 64,
  "priceValue": {
    &q开发者_如何转开发uot;afterData": 33,
    "beforeData": null
  }
}

How I can display it (using html, css/scss, react) on the web in this format:

id: 64
priceValue:
    afterData: 33
    beforeData: null

The requirement is children key-value must be indented to their parent and it can display deeply nested key-value pairs.