title: React native - open multiple modals one after the other inside for loop
body: <p>I first make an Ajax call (to an API) which provides me some data, a list of achievements (array of objects). I would like to loop through this array, show the first achievement as a Modal and on click of a button close the modal then show the next one (next achievement) and so on.</p>
  
  <p><strong>Ajax call providing the data:</strong></p>
  
  <pre><code>getAchievements = () =&gt; {
      fetch(url + '/achievements', {
        method: 'get',
        headers: {
          Accept: 'application/json',
          'Content-type': 'application/json'
        }
      })
      .then((data) =&gt; data.json())
      .then((data) =&gt; {
        this.props.addData({
          achievements: data.achievements
        })
  
        if(this.props.store.achievements.length &gt; 0) {
          this.setState({
            showAchievementModal: true
          })
        }
      })
      .catch((error) =&gt; {
        console.error(error)
      })
  }
  </code></pre>
  
  <p><strong>Here I show the modals:</strong></p>
  
  <pre><code>render() {
      return (
          {this.state.showAchievementModal &amp;&amp;
            &lt;Modal
              animationType={'fade'}
              visible={this.props.store.isModalAchievementVisible}
              &gt;
              {this.props.store.achievements.map((data,index)=&gt;{
                  return(
                      &lt;View key={index}&gt;
                          &lt;View style={styles.container}&gt;
                              &lt;Text&gt;{data.title}&lt;/Text&gt;
                              &lt;Text&gt;{data.description}&lt;/Text&gt;
  
                              &lt;TouchableOpacity onPress={this.closeModal}&gt;
                                  &lt;Text&gt;Collect&lt;/Text&gt;
                              &lt;/TouchableOpacity&gt;
                          &lt;/View&gt;
                    &lt;/View&gt;
                  )
              })}
            &lt;/Modal&gt;
          }
      )
  }
  </code></pre>
  
  <p>At the moment all the Modals open at the same time. How could I open them one after the other after clicking the Collect button?</p>