CODEWITHSUNDEEP
reactjs
pizzae
pizzae

Reputation: 3025

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.

Upvotes: 4

Views: 11449

Answers (2)

Shubham Khatri
Shubham Khatri

Reputation: 281754

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

Upvotes: 1

alpha
alpha

Reputation: 1113

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

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

Upvotes: 8

Related Questions