React · Junior · Question 62 of 75

How do you focus an input when a button is clicked?

const inputRef = useRef(null);
// <input ref={inputRef} />
// <button onClick={() => inputRef.current.focus()}>Edit</button>

✓Correct answer: Attach a ref with useRef and call inputRef.current.focus()
2Use document.querySelector inside render
3Set focus={true} as a prop

Explanation

React fills ref.current with the DOM node after mounting. Use refs for imperative actions like focus, scroll and measuring - not to change content.

Further reading

Test yourself

Take the React · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.