Как работает портал

Портал (Portal) — это механизм в React для рендеринга дочерних элементов в DOM-узел вне текущего компонента, но с сохранением контекста и событий React. **Основные моменты:** - Позволяет рендерить содержимое в любом месте DOM (например, модалки, тултипы) - Сохраняет контекст и обработчики событий React - Решает проблемы с z-index и overflow: hidden **Пример использования:** ```jsx import { createPortal } from 'react-dom'; function Modal({ children }) { return createPortal( , document.getElementById('modal-root') ); } ``` **Когда использовать:** - Модальные окна - Всплывающие подсказки - Уведомления - Любые UI-элементы, которые должны "выпадать" из основного потока документа