Как работают Portal React

Portals в React позволяют рендерить дочерние элементы в DOM-узле, который находится вне родительской иерархии компонента. Это полезно для модальных окон, тултипов или элементов, которые должны быть поверх всего приложения. ```jsx import ReactDOM from 'react-dom'; function Modal({ children }) { return ReactDOM.createPortal( children, document.getElementById('modal-root') ); } // Использование: function App() { return ( ); } ``` Ключевые особенности: 1. События всплывают через портал согласно React-дереву, а не DOM-иерархии 2. Позволяет обходить ограничения z-index и overflow: hidden 3. Сохраняет контекст родительского компонента 4. Требует существования целевого DOM-элемента