title: key values from api response in react
body: <p>I want to render the list of key items from <a href="https://i.stack.imgur.com/WlZF3.png" rel="nofollow noreferrer">API response</a>
  I get data in a const and can render the specific value like this</p>
  <pre><code>   const cartRequest = async () =&gt; {
      const res = await fetch('MYAPI', {
          method: 'GET',
          body: JSON.stringify()
      })
      const data = await res.json()
      setKey(data.data)
  }
       
     &lt;div&gt;
          {Array.from(key).map((el) =&gt; {
              return (
                  &lt;li&gt;{el.app_name}&lt;/li&gt;
              )
          })}
      &lt;/div&gt;
  </code></pre>
  <p>but I want to render the list of highlight keys as you see in the image, can anyone give a code example?</p>