Как обратиться к DOM из React

В React можно работать с DOM напрямую, но это не рекомендуется без необходимости. Основные способы: 1. **Refs** (лучший вариант): ```jsx function MyComponent() { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus(); // Доступ к DOM-элементу }, []); return ; } ``` 2. **findDOMNode** (устаревший, не рекомендуется): ```jsx import { findDOMNode } from 'react-dom'; // Используется для классовых компонентов ``` 3. **Прямой доступ через id** (не рекомендуется): ```jsx document.getElementById('my-element'); ``` Лучше использовать Refs, так как они интегрированы в React-жизненный цикл. Прямой доступ к DOM может вызвать проблемы с виртуальным DOM и производительностью.