title: Insert counter in a reactjs map
body: <p>I'm starting to ReactJs and have a doubt when generating a list with an ordering. How do I include a counter inside my <code>map</code>?</p>
  <p>The way I'm doing it is repeating the number 1 in all records. I wanted each record to have a counter (1 Adam, 2 Andrew, 3 Sophia ...)</p>
  <pre><code>&lt;div&gt;
    {
      data.contacts.data.map((contact) =&gt; {
        return (
          &lt;div&gt;
            &lt;span&gt;1&lt;/span&gt;  &lt;b&gt;{contact.data.name} {contact.data.email}&lt;/b&gt;
          &lt;/div&gt;
        )
      })
    }
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/3ZYoA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3ZYoA.png" alt="enter image description here" /></a></p>