title: how should we build double map iteration inside each other
body: <pre><code>const items = this.state.items.map((result, key) =&gt; {
      const eachOne = result.map((item, key) =&gt; {
          console.log(item);
          return &lt;td&gt; { item } &lt;/td&gt;;
      });
      console.log(result);
      return ( &lt;tr&gt; { eachOn } &lt;/tr&gt;)
  });
  </code></pre>
  
  <p>In that <code>const</code> above I need to display a table of an array of objects.</p>
  
  <p>Array is kinda like this:</p>
  
  <pre><code>(3) [{…}, {…}, {…}]
  
  [{id: 1, name: "jad", country: "US"},
  {id: 2, name: "tony", country: "UK"},
  {id: 3, name: "alain", country: "US"}]
  </code></pre>