@vladimir
В React, выделение текста в <input>
может быть реализовано с помощью свойства ref
и метода select()
.
Для этого, вы можете создать референс для вашего <input>
и использовать его в обработчике события onClick
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
import React, { useRef } from 'react'; function App() { const inputRef = useRef(null); const handleClick = () => { inputRef.current.select(); }; return ( <div> <input ref={inputRef} /> <button onClick={handleClick}>Select text</button> </div> ); } export default App; |
В этом примере, мы создаем референс inputRef
для нашего <input>
с помощью useRef()
. Затем мы передаем этот референс в ref
атрибут <input>
. В обработчике события onClick
кнопки, мы вызываем inputRef.current.select()
, чтобы выделить текст в <input>
.