Порталҳо дар React барои чӣ истифода мешаванд?

Порталҳо дар React имкон медиҳанд, ки компонентҳои кӯдаконро дар як навъи DOM, ки дар берун аз хирархияи компонентҳои падар ҷойгир аст, рендер кунанд. Ин барои нишон додани унсур дар болои дигарон, масалан, тирезаҳои модалӣ, tooltipҳо ё менюҳои фурӯзон, кӯмак мекунад, то мушкилоти бо CSS-stilҳо, z-index ё ҷойгиршавӣ пешгирӣ карда шаванд.

Масалан аз истифодаи портал:

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

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

Мазмуни тирезаи модалӣ дар унсури бо ID "modal-root" рендер мешавад, ки метавонад дар берун аз решаи асосии барнома ҷойгир бошад.