Что такое Portal

Portal (или React Portal) — это механизм в React, позволяющий рендерить дочерние элементы в DOM-узел вне родительского компонента, сохраняя при этом логическую связь в React-дереве. **Зачем использовать?** - Для модальных окон, тултипов, уведомлений - Обход ограничений `z-index` и `overflow: hidden` - Сохранение контекста и пропсов **Пример:** ```jsx import ReactDOM from 'react-dom'; function Modal({ children }) { return ReactDOM.createPortal( , document.getElementById('modal-root') // DOM-элемент вне корня приложения ); } ``` **Особенности:** - События всплывают через Portal как обычно - Жизненный цикл управляется React, а не DOM-узлом - Портал не создаёт новый React-компонент (это просто точка рендера) Используется через `ReactDOM.createPortal(children, domNode)`.