refs的React数组

Question

我在Stackoverflow question about refs上读过一篇文章

我们可以使用类似下面的代码将ref数组分配给不同的输入，如下所示：

<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 }}/>

但是当我尝试它时，它返回这个错误：

Uncaught TypeError: Cannot set property '0' of undefined

如果它不工作，我是不是漏掉了什么？

Answer 1

在构造函数中创建数组，如下所示：

constructor(){
  super()

  this.Progress = []
}

Answer 2

进度数组未初始化，请在构造函数中初始化它。