La folosesc pentru ce sunt portalurile în React?

Portalurile în React permit redarea componentelor copil într-un nod DOM care se află în afara ierarhiei componentului părinte. Acest lucru este util atunci când trebuie să afișați un element peste altele, cum ar fi ferestre modale, tooltip-uri sau meniuri derulante, pentru a evita problemele cu stilurile CSS, z-index sau poziționarea.

Exemplu de utilizare a unui portal:

import React from 'react';
import ReactDOM from 'react-dom';

function Modal({ children }) {
  return ReactDOM.createPortal(
    <div className="modal">
      {children}
    </div>,
    document.getElementById('modal-root')
  );
}

Aici, conținutul ferestrei modale va fi redat în elementul cu id "modal-root", care poate fi situat în afara rădăcinii principale a aplicației.