title: Map inside a map - Javascript
body: <p>I have tried putting a map inside a map. The innermost map is running multiple times because of the map surrounding it. The requirement is to get the links mapped to the description (I've used # for some links).</p>
  <p>Below is the data:</p>
  <pre><code>    {
          title: 'test',
          description: ['Team', 'History', 'Contact us', 'Locations'],
          linkto: ['#','#','#','#'],
      },
      {
          title: 'Categories',
          description: ['test', 'test2', 'test3', 'test4', 'test5'],
          linkto: ['#','#','#','#'],
      },
      {
          title: 'Legal',
          description: ['Privacy policy', 'Terms of use'],
          linkto: ['#','#',],
      },
      {
          title: 'Social',
          description: ['Facebook', 'Twitter', 'Instagram', 'Youtube', 'LinkedIn'],
          linkto: ['https://www.facebook.com', 'https://twitter.com/', 'https://www.instagram.com/', 'https://www.youtube.com/', 'https://www.linkedin.com']
      },
  ];
  
  **Below is the mapping code:********************************************
  
  &lt;Grid container spacing={4} justify=&quot;space-evenly&quot;&gt;
                      {footers.map((footer) =&gt; (
                          &lt;Grid item xs={6} sm={3} key={footer.title}&gt;
                              &lt;Typography variant=&quot;h6&quot; color=&quot;textPrimary&quot; gutterBottom&gt;
                                  {footer.title}
                              &lt;/Typography&gt;
                              &lt;ul&gt;
                                  {footer.description.map((item, index) =&gt; (
                                          footer.linkto.map((link, subindex) =&gt; (
                                              &lt;Link key={subindex} href={link} variant=&quot;subtitle1&quot; color=&quot;textSecondary&quot;&gt;
                                                  &lt;li key={index}&gt;{item}&lt;/li&gt;
                                              &lt;/Link&gt;
                                          ))
                                  ))}
                              &lt;/ul&gt;
                          &lt;/Grid&gt;
                      ))}
                  &lt;/Grid&gt;
  </code></pre>