[React] Wyświetlanie obrazków w pętli

Question

Witam,

 

W jaki sposób wyświetlić obrazki jeden pod drugim w pętli, gdzie ogranicznikiem jest stan komponentu React?

W pętli przypisuje do zmiennej obrazek, natomiast po kolejnej interacji nadpisuje go kolejna wartość zmiennej i. Gdy dodam hangman = hangman + [...] na ekranie pojawia się [Object][Object] zamiast obrazków:

 

    for(let i=0; i<this.state.fails; i++){
      hangman = <img src={require('./imgs/'+this.state.hangman[i]+'.png')}/>
    }

 

Answer 1

Jeżeli dobrze zrozumiałem pytanie to można uzyskać to mniej więcej w taki sposób https://codesandbox.io/s/2309y71660