React.js Ref focus()

Question

I have a boolean in my component's state that I am using to decide whether an element should be in focus.

I use React.createRef() in the constructor and assign the ref to the <input> through its props. Then in render, I use an if statement to check whether the boolean is true, and call inputRef.current.focus() to bring it into focus if it is. The if statement is being triggered, but the element simply isn't being brought into focus.

Any help would be greatly appreciated!

A minimal code example would be helpful

Charlie Dobson
– Charlie Dobson

2020-06-16 23:13:43 +00:00
Commented Jun 16, 2020 at 23:13 — Charlie Dobson
– Charlie Dobson, Commented Jun 16, 2020 at 23:13

Vijay122 · Accepted Answer · 2020-06-18 14:05:22Z

1

you should use this.inputRef.current.focus()

answered Jun 18, 2020 at 14:05

Vijay122

9648 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

React.js Ref focus()

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related