Зачем нужны порталы (Portal)?

Portal рендерит дочерние элементы в DOM-узел вне родительской иерархии, при этом сохраняя React-контекст и всплытие событий. createPortal(children, domNode) — рендерит children в domNode. Используется для модальных окон, тултипов, дропдаунов — элементов, которые визуально должны быть поверх всего, но логически принадлежат компоненту. Без портала overflow: hidden или z-index родителя могут обрезать или скрыть элемент.