title: Loop through array in react onclick
body: <p>I have an array of objects. How can I loop through this array on click?</p>
  
  <pre><code>test = ['a', 'b', 'c', 'd']
   {this.state.test.map(function(i){
       return &lt;span&gt; {i} &lt;/span&gt;
    })}
  </code></pre>
  
  <p>I would normally loop through like this in react but this prints them all out at once. How can I display 'a' on the page and then the next time i click it, I display 'b' so on until the end of the array?</p>
  
  <p>I need a function that can tell where I am in the array and display that on the page at the right moment</p>