React Portal
Gabarito: letra C. A função createPortal do React é a única que permite renderizar um componente em um nó DOM fora da hierarquia normal de renderização, criando um portal. As demais alternativas ou não existem ou possuem propósitos diferentes.
A questão cobra conhecimento sobre a API de portais do React, amplamente utilizada para modais, tooltips e menus que precisam estar em um nó raiz diferente para evitar conflitos de CSS e z-index.
Função | Propósito | Relação com renderização fora da hierarquia |
|---|
flushSync
| Forçar atualização síncrona do DOM | Nenhuma |
preRender
| Não existe na API do React | Nenhuma |
createPortal
| Renderizar componente em nó DOM fora da hierarquia normal | Direta (cria portal) |
preinitModule
| Pré-carregar módulos (experimental) | Nenhuma |
preloadModule
| Pré-carregamento assíncrono de módulos | Nenhuma |
Alternativa A — ❌ Incorreta
flushSync é uma função do React que permite forçar a atualização síncrona do DOM, mas não tem relação com a renderização em um nó fora da hierarquia.
Alternativa B — ❌ Incorreta
preRender não é uma função existente na API do React. O React oferece preload e preinit para recursos, mas não para renderização de componentes.
Alternativa C — ✅ Correta ➵ GABARITO
createPortal(componente, nóDOM) é a função que cria um portal. O primeiro argumento é o elemento React a ser renderizado, e o segundo é o nó DOM alvo (fora da árvore principal). Exemplo: ReactDOM.createPortal(<Modal />, document.getElementById('modal-root')).
Alternativa D — ❌ Incorreta
preinitModule é uma função experimental para pré-carregar módulos antes da renderização, não para renderizar componentes fora da hierarquia.
Alternativa E — ❌ Incorreta
preloadModule é semelhante à anterior, usada para pré-carregamento assíncrono de módulos, sem relação com portais.
Gabarito: letra C.