I have a JSON API that responds with a data structure for a single record, with an array of associations nested in the record. An example of the api response looks like this:

```
{  
   "name":"foo",
   "bars":[  
      {  
         "name":"bar1"
      },
      {  
         "name":"bar2"
      },
      {  
         "name":"bar3"
      }
   ]
}

```

I am trying to map the "bars" node to a react list of "paragraph" html tags, but I have had no success. I tried using "Object.keys.map" as seen [here](https://stackoverflow.com/questions/38056399/how-to-iterate-nested-objects-and-render-inside-jsx) and [here](https://codereview.stackexchange.com/questions/61013/getting-multiple-keys-values-from-nested-object-in-json-w-out-jquery) but I still couldn't get the data transformation right.

I'm new to react/js so not sure how to achieve this.