Question

0

134

Visualizações

React How to set an element's ref value using a variable

So I have something very simple:

<TextField ref={id}/>

I am wondering how I would use a variable as a ref, instead of a string? I kind of need this because this element is being generated in the render method, just before the return method. So I am using refs that are just created in a for loop.

over 4 years ago · Santiago Trujillo

2 Respostas

Responde à pergunta

0

You can make use of ref callback to access ref via a variable rather than a string

<TextField ref={(input) => this.myField = input}/>

Now you can refer to TextField like this.myField

Ref callback doc

over 4 years ago · Santiago Trujillo Relatório

Responde à pergunta

Encontrar trabalhos remotos

Accepted Answer · 2022-05-25T14:12:32.943Z

<TextField ref={(ref) => this.myRefName = ref} />

Then you can access it via this.myRefName ie console.log(this.myRefName)

0

134

React How to set an element's ref value using a variable

2 Respostas

0

0

Encontrar trabalhos remotos

Andres GPT