title: Data are not rendering in react component
body: <p>I'm trying to render some data depending on the id that i pass in the <code>url</code>, when i <code>console.log()</code> the <code>res.json</code> I have access to the data but I have no idea how to pass to the 'articleComponent'</p>
  
  <pre><code>const Articles = () =&gt; {
  
  
    const query = (id) =&gt; {
      fetch(`https://someurl.herokuapp.com/job/${id}`).then(res =&gt; console.log(res.json()))
    }
  
  
    const pathname = window.location.pathname.split('/');
    const job_id = pathname[pathname.length - 1];
    const job = query(job_id);
    let position_name;
    let workplace_name;
    console.log(job_id)
    if (job) {
      position_name = position_name;
      workplace_name = workplace_name;
    }
  
  
    return (
      &lt;ArticleComponent
        position_name={position_name}
        workplace_name={workplace_name}
      /&gt;
    );
  };
  
  export default Articles
  </code></pre>
  
  <p>the <code>console.log()</code> is returning 'pending but i can see all the object'</p>
  
  <p>i have access to this component when i click this link: </p>
  
  <pre><code>    &lt;Link
            className="link-apply"
            to={{pathname: `/job/${job._id}`,
                            state: job
                          }}&gt;
                          &lt;p className="place"&gt;{job.workplace_name}&lt;/p&gt;
                          &lt;p className="location-job"&gt;{job.location}&lt;/p&gt;
                        &lt;/Link&gt;
  
  </code></pre>