React array of refs

Question

i have read in a post on Stackoverflow question about refs

that we can use something like the following code to assign an array of refs to different inputs like this:

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

but when i try it, it returns this error:

Uncaught TypeError: Cannot set property '0' of undefined

and it doesn't work, am I missing something?

Does anyone know how to do this with the React.createRef() API? — horgen
– horgen, Commented Sep 19, 2018 at 8:45
How would access this reference list in another function? say you want to refer to index 1, for instance!!! — dryleaf
– dryleaf, Commented Nov 30, 2018 at 0:35

CD.. · Accepted Answer · 2017-07-26 12:21:40Z

13

Create the array in you constructor, like:

constructor(){
  super()

  this.Progress = []
}

answered Jul 26, 2017 at 12:21

CD..

74.4k25 gold badges160 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dryleaf Over a year ago

How would access this reference list in another function? say you want to refer to index 1, for instance!!!

Asim Khan · Accepted Answer · 2017-07-26 12:29:07Z

1

Progress array is not initialized, initialize it in constructor..

answered Jul 26, 2017 at 12:29

Asim Khan

2,05914 silver badges21 bronze badges

Collectives™ on Stack Overflow

React array of refs

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related