Встречается на собеседованиях • сегодня
Для чего нужен React Portal
React Portal позволяет рендерить дочерние элементы в DOM-узле, который находится вне родительского компонента, сохраняя при этом логическую структуру React-приложения. Это полезно для:
1. Модальных окон, тултипов, попапов — когда нужно вывести контент поверх других элементов, избегая проблем с `z-index` и переполнением.
2. Работы с тегами ``, `` или другими внешними DOM-элементами.
Пример:
```jsx
import { createPortal } from 'react-dom';
function Modal({ children }) {
return createPortal(
{children}
,
document.getElementById('modal-root')
);
}
```
Преимущества:
- Сохраняет контекст и пропсы React
- Позволяет обходить ограничения CSS (overflow, z-index)
- Не ломает event bubbling в React-дереве
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы