When merging cards/adding new cards. Current Card Index is Reset to 0

[ruskid]

I want to dynamically add cards. when merging like in the example:

this.setState({
          cards: this.state.cards.concat(cards2),
          outOfCards: true
})

if (nextProps.cards !== this.props.cards) {

      if (this.cardAnimation) {
        this.cardAnimation.stop();
        this.cardAnimation = null;
      }

      currentIndex[this.guid] = 0; //Reset to first?
      this.setState({
        cards: [].concat(nextProps.cards),
        card: nextProps.cards[0]
      });
    }

After concat I get shown the first card of cards1 array. How to preserve the current card and aggregate cards?

[kay-es]

the lib concats the new cards itself. this should be working:

          cards: cards2,
          outOfCards: true
})

if (nextProps.cards !== this.props.cards) {

      if (this.cardAnimation) {
        this.cardAnimation.stop();
        this.cardAnimation = null;
      }

      currentIndex[this.guid] = 0; //Reset to first?
      this.setState({
        cards: nextProps.cards,
        card: nextProps.cards[0]
      });
    }`