Как useRef используется с useImperativeHandle

`useRef` создает мутабельный объект, который сохраняется между рендерами. `useImperativeHandle` позволяет кастомизировать значение, которое будет доступно родительскому компоненту через `ref`. Пример: ```jsx import { forwardRef, useRef, useImperativeHandle } from 'react'; const ChildComponent = forwardRef((props, ref) => { const inputRef = useRef(); useImperativeHandle(ref, () => ({ focus: () => inputRef.current.focus(), value: () => inputRef.current.value })); return ; }); function ParentComponent() { const childRef = useRef(); return ( <> childRef.current.focus()}>Focus </> ); } ``` Ключевые моменты: 1. `forwardRef` обязателен для передачи `ref` дочернему компоненту 2. `useImperativeHandle` определяет API, доступное через `ref` 3. Внутри можно использовать другие `ref`-ы (как `inputRef` в примере) 4. Позволяет ограничить доступ к DOM-элементам, предоставляя только нужные методы