title: Cannot access value of a json object ? Cannot read property 'company_about' of undefined ?
body: <p>This is my JSON</p>
  
  <pre><code>[
  {
      "id": 1,
      "job_id": 1,
      "company_profile": "Sales and Marketing",
      "company_about": "Established in 1992 , it is a renouned marketing company",
      "company_product": "Ford,Mustang,Beetle",
      "key_skills": "commmunication,english,spanish,german",
      "qualification": "High School,Masters",
      "job_description": "Must be a Local of Mumbai",
      "created_at": null,
      "updated_at": null
  }
  </code></pre>
  
  <p>]</p>
  
  <p>I am trying to get its values.
  this is my react code to log them.</p>
  
  <pre><code> public getJobDetails = (jobid: number) =&gt; {
  const JobId = jobid;
  fetch('http://127.0.0.1:8000/api/jobs/detail/' + JobId)
    .then(response =&gt; response.json())
    .then(
      responseJson =&gt; {
        console.log(responseJson);
        this.setState({ details: responseJson });
      },
      () =&gt; {
        console.log(this.state.details);
      }
    )
    .catch(error =&gt; {
      console.error(error);
    });
  
  
   }
  
        public render() {
          const { details } = this.state;
          console.log(details);
          console.log(details[0]);
  </code></pre>
  
  <p>The console.log(details[0]) returns </p>
  
  <pre><code>{id: 1, job_id: 1, company_profile: "Sales and Marketing", company_about: "Established in 1992 , it is a renouned marketing company", company_product: "Ford,Mustang,Beetle", …}
  </code></pre>
  
  <p>But why does console.log(details[0].company_profile) return undefined???
  The Error it gives is : </p>
  
  <blockquote>
    <p>TypeError: Cannot read property 'company_about' of undefined</p>
  </blockquote>
  
  <p>can anyone help??</p>