How to highlight text in input?

Question

React

When you click on the input, you need to select the text inside, I do this

const onFocus = (e) => e.target.select();
<input onFocus={onFocus}>

But the problem is that at the first focus the text is selected. But if you click anywhere, except for the input, and then again on the input, then it no longer selects.

Answer 1

<input type="text" onFocus="this.select()">

Answer 2

const input = React.useRef();
<input
        type="text"
        ref={input}
        onFocus={() => input.current.select()}
  />