title: Accessing a Nested Json and Mapping to Frontend
body: <p>I am pulling through an API request which is a nested response. Please see the following response example:</p>
  <pre><code>
      &quot;results&quot;: [
          {
              &quot;company&quot;: {
                  &quot;display_name&quot;: &quot;HAYS&quot;,
                  &quot;__CLASS__&quot;: &quot;Adzuna::API::Response::Company&quot;
              },
              &quot;id&quot;: &quot;3057817031&quot;,
              &quot;category&quot;: {
                  &quot;tag&quot;: &quot;admin-jobs&quot;,
                  &quot;label&quot;: &quot;Admin Jobs&quot;,
                  &quot;__CLASS__&quot;: &quot;Adzuna::API::Response::Category&quot;
              },
              &quot;description&quot;: &quot;3 Month Contract available| $30-$33 per hour  Super |Full-Time Office Hours based in South Melbourne Your new company An excellent opportunity has become available for a Data Analyst / Administrator to join this manufacturing organisation in their South Melbourne office. Your new role Daily financial reporting (Excel  VLookups / Pivot Tables) Organising customer presentations on PowerPoint General Administration Data Analysis duties Tracking back orders within the warehouse Financial duties (bu…&quot;,
              &quot;salary_is_predicted&quot;: &quot;0&quot;,
              &quot;redirect_url&quot;: &quot;https://www.adzuna.com.au/land/ad/3057817031?se=pH90OV3i7BGryyzFGu5MPQ&amp;utm_medium=api&amp;utm_source=627be40a&amp;v=FEB87A947F7D884DC5FF3AF7949D809733A0AA43&quot;,
              &quot;title&quot;: &quot;Data Analyst / Administrator&quot;,
              &quot;__CLASS__&quot;: &quot;Adzuna::API::Response::Job&quot;,
              &quot;location&quot;: {
                  &quot;display_name&quot;: &quot;Melbourne CBD, Melbourne&quot;,
                  &quot;area&quot;: [
                      &quot;Australia&quot;,
                      &quot;Victoria&quot;,
                      &quot;Melbourne Region&quot;,
                      &quot;Melbourne&quot;,
                      &quot;Melbourne CBD&quot;
                  ],
                  &quot;__CLASS__&quot;: &quot;Adzuna::API::Response::Location&quot;
              },
              &quot;contract_time&quot;: &quot;full_time&quot;,
              &quot;created&quot;: &quot;2022-04-16T17:33:31Z&quot;,
              &quot;adref&quot;: &quot;eyJhbGciOiJIUzI1NiJ9.eyJzIjoicEg5ME9WM2k3QkdyeXl6Rkd1NU1QUSIsImkiOiIzMDU3ODE3MDMxIn0.94BaxIfPNOv0QowtSPt1IdwSX0XgU1GtZ9O6MohICTg&quot;
          }
  </code></pre>
  <p>The following above indicates 1 singular post in a list.</p>
  <p>I have linked this to a fetchJobs operation called 'jobs', and if I do a console.log(jobs.results), I received an array of 10 items, assorted from 0,1,2,3 -&gt; onward to 10.
  This as discussed, is the 10 jobs. <a href="https://gyazo.com/1bc435e7784efe427a2995150fd54e16" rel="nofollow noreferrer">https://gyazo.com/1bc435e7784efe427a2995150fd54e16</a></p>
  <p>As such, I would like to access a key, any honestly to figure out how to do it, and map it to the front end or console.</p>
  <p>For example, results.title or even results.location.area, regardless, I can't seem to access this correctly, as when I try console.log(jobs.rs</p>
  <p>TypeError: Cannot read properties of undefined (reading 'title')</p>
  <p>Please let me know!
  My goal is to just map these keys into a div, so if anyone could post an example, please!</p>