How to set focus on an input field after rendering?
Asked 07 September, 2021
Viewed 2.9K times
  • 59
Votes

What's the react way of setting focus on a particular text field after the component is rendered?

Documentation seems to suggest using refs, e.g:

Set ref="nameInput" on my input field in the render function, and then call:

this.refs.nameInput.getInputDOMNode().focus(); 

But where should I call this? I've tried a few places but I cannot get it to work.

28 Answer