Как правильно выделить текст в input?

Question

[maratt]

При клике на input нужно выделить текст внутри, делаю так

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

Но проблема в том, что при первом фокусе текст выделяется. Но если кликнуть в любое место, кроме инпута, а потом снова на инпут, тогда уже не выделяет.

Comments

[Александр]

Не получается повторить

Answer 1

[Максим]

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

Answer 2

[Modin]

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