#собесы #react #senior
Вопросы, которые могут задать на собеседовании Senior React Developer.
Проверьте себя без помощи поисковиков!

❓Как работает React Portals?

Пример кода:

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

Здесь Modal рендерится в элемент с id modal-root, который может находиться вне основного дерева компонентов.

❗️Portals позволяют рендерить дочерние элементы в DOM-узел, который находится вне иерархии родительского компонента. Это полезно для модальных окон, всплывающих подсказок и других элементов, которые должны быть отрендерены вне основного дерева компонентов.

Ссылка на документацию по React Portals