title: Mapping over an array of objects that is inside a string
body: <p><a href="https://i.stack.imgur.com/H0Th7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H0Th7.png" alt="enter image description here" /></a><a href="https://i.stack.imgur.com/V2bZu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V2bZu.png" alt="enter image description here" /></a>I want to map over this array of objects below in react Js, how do I go about it?</p>
  <pre><code>'[{&quot;items&quot;:[{&quot;name&quot;:&quot;meat&quot;,&quot;price&quot;:&quot;4&quot;},{&quot;name&quot;:&quot;metty&quot;,&quot;price&quot;:&quot;2&quot;}],&quot;name&quot;:&quot;Merry food&quot;,&quot;price&quot;:null},{&quot;items&quot;:[{&quot;name&quot;:&quot;beaf&quot;,&quot;price&quot;:&quot;3&quot;},{&quot;name&quot;:&quot;fish&quot;,&quot;price&quot;:&quot;4&quot;}],&quot;name&quot;:&quot;Means&quot;,&quot;price&quot;:null}]'
  </code></pre>