Как создать ref в React

В React можно создать `ref` двумя способами: через `useRef` (для функциональных компонентов) или `createRef` (для классовых). **1. useRef (рекомендуемый способ):** ```jsx import { useRef } from 'react'; function MyComponent() { const inputRef = useRef(null); const focusInput = () => { inputRef.current.focus(); }; return ( <> Focus </> ); } ``` **2. createRef (для классовых компонентов):** ```jsx class MyComponent extends React.Component { constructor(props) { super(props); this.inputRef = React.createRef(); } focusInput = () => { this.inputRef.current.focus(); }; render() { return ( <> Focus </> ); } } ``` Ключевые моменты: - `ref` даёт прямой доступ к DOM-элементу через `ref.current` - Не используйте `ref` для изменяемых значений (для этого есть state) - Для функциональных компонентов всегда используйте `useRef`