Встречается на собеседованиях • сегодня
Приведи пример использования React Portal
React Portal позволяет рендерить дочерние элементы в DOM-узле, который находится вне родительского компонента. Это полезно для модальных окон, тултипов и других элементов, которые должны быть поверх основного контента.
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
const Modal = ({ children }) => {
return ReactDOM.createPortal(
,
document.getElementById('modal-root') // DOM-элемент вне основного приложения
);
};
// Использование:
function App() {
return (
);
}
```
В HTML нужно добавить элемент с id="modal-root" вне корневого элемента приложения. Порталы сохраняют контекст React, несмотря на физическое расположение в DOM.
Модальное окно

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы