title: Render a table body in react using the map function
body: <p>I am new to the <code>react.</code> Here I have a data that is in the array.Now
  I want to render that table data.using the map function, what I tried is ,</p>
  
  <pre><code>    &lt;tbody&gt;
                  { this.props.jobList.length &gt; 0 &amp;&amp;  this.props.jobList.content.map(function (item, key) {
                    return (
                      &lt;tr key={key}&gt;
                        &lt;td&gt;1&lt;/td&gt;
                        &lt;td&gt;2&lt;/td&gt;
                        &lt;td&gt;3&lt;/td&gt;
                        &lt;td&gt;4&lt;/td&gt;
                        &lt;td&gt;5&lt;/td&gt;
                        &lt;td&gt;6&lt;/td&gt;
                        &lt;td&gt;7&lt;/td&gt;
                      &lt;/tr&gt;
                    )
                  })}
  &lt;/tbody&gt;
  
  {
      "content": [{
          "id": "5b7d4a566c5fd00507501051",
          "hrmsJdId": null,
          "companyId": null}]
  }
  </code></pre>
  
  <p>Here, I do have data in the jobList but still it does not render that td content. Can any one explain me How can I do this? Or where I am doing wrong ?</p>