Réagir tableau de références

Question

j'ai lu dans un article sur Stackoverflow question sur les références

que nous pouvons utiliser quelque chose comme le code suivant pour assigner un tableau de références à différentes entrées comme celle-ci:

<Progressbar completed={25} id="Progress1" ref={(input) => {this.Progress[0] = input }}/>

<Progressbar completed={50} id="Progress2" ref={(input) => {this.Progress[1] = input }}/>

<Progressbar completed={75} id="Progress3" ref={(input) => {this.Progress[2] = input }}/>

mais quand je l'essaie, il renvoie cette erreur:

Uncaught TypeError: Cannot set property '0' of undefined

et ça ne marche pas, est-ce que je manque quelque chose?

Answer 1

Créez le tableau dans votre constructeur, comme suit:

constructor(){
  super()

  this.Progress = []
}

Answer 2

Le tableau de progression n'est pas initialisé, initialisez-le dans le constructeur.