Зачем нужен Ref в React

Ref в React позволяет напрямую взаимодействовать с DOM-элементами или сохранять мутируемые значения между рендерами без триггера ререндера. **Основные случаи использования:** 1. Доступ к DOM-элементу (фокус, размеры, анимации). 2. Хранение мутируемых значений (таймеры, предыдущие значения). ```jsx import { useRef, useEffect } from 'react'; function InputFocus() { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus(); // Управление DOM напрямую }, []); return ; } ``` **Важно:** - Изменение `ref.current` не вызывает ререндер. - Не используйте `ref` для данных, влияющих на рендер – для этого есть `state`.