arrays - react refs 数组

标签 arrays reactjs refs

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

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

<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

它不起作用,我错过了什么吗?

最佳答案

在构造函数中创建数组,例如:

constructor(){
  super()

  this.Progress = []
}

关于arrays - react refs 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45326832/

相关文章:

reactjs - 如何在reactjs中动态创建 Canvas 并动态添加引用?

c - 从 void** 数组返回数据

用于传递 NSString 的 c 风格数组的 Objective-c 语法

javascript - 通过匹配第二个 JavaScript 对象数组中的项目来更新 JavaScript 对象数组

reactjs - React Router 传递参数。如何?

reactjs - 在 Material-UI CardMedia 中显示加载器

javascript - 当我在 ES6/react 中使用它时,moment.tz() 失败了吗?

javascript - reactjs 通过 refs 在组件之间进行通信

javascript - 仅在 .includes() 使用 .find() 找到内容时才返回值

javascript - React - 无法访问有状态组件事件处理程序中的引用