Skip to main content

ref

  • Ссылка на любую другую js-конструкцию
  • Ссылка на DOM-элемент
  • К DOM-ссылка можно применять все нативные методы работы с DOM
import { useRef, useState } from 'react';

const SomeComp = ({ count }: TProps) => {
const inputRef = useRef<HTMLInputElement>(null);
const [inputValue, setInputValue] = useState<string>('some string');

// можно использовать dom-методы
const onButtonClick = () => {
inputRef.current?.focus();
};

return (
<div>
<input
ref={inputRef}
type='text'
value={inputValue}
onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}
/>

<button onClick={onButtonClick}>Click me</button>
</div>
)
};