反应参考数组答案

【问题标题】：React array of refs反应参考数组
【发布时间】：2018-01-01 18:27:31
【问题描述】：

我在 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

它不起作用，我错过了什么吗？

【问题讨论】：

您是否设置了默认变量？ Progress = [].
有谁知道如何使用 React.createRef() API 做到这一点？
如何在另一个函数中访问这个参考列表？比如说你想引用索引 1！！！

标签： arrays reactjs refs

【解决方案1】：

在构造函数中创建数组，例如：

constructor(){
  super()

  this.Progress = []
}

【讨论】：

如何在另一个函数中访问这个参考列表？比如说你想引用索引 1！！！

【解决方案2】：

进度数组未初始化，在构造函数中初始化..

【讨论】：