📍
Hooks
useRef & forwardRef
useRef retorna ref mutável que persiste entre renders. forwardRef expõe ref a componentes pai.
Definição
useRef cria um objeto { current: ... } que persiste entre renders sem causar re-render quando alterado. Usado para: 1) Acessar elementos DOM. 2) Guardar valores mutáveis (timers, instâncias). forwardRef permite que componentes funcionais recebam refs do pai.
🔴 Problema
Precisa acessar um elemento DOM (focar input, scroll, medir). Ou guardar valor que muda mas não deve causar re-render.
✅ Solução
useRef para refs locais. forwardRef para expor refs internas a componentes pais. ref.current é mutável e não dispara re-render.
💡 Dica Senior
Mudar ref.current NÃO causa re-render. Se precisa que UI atualize quando o valor muda, use useState.
Perguntas de Entrevista
🔗 Termos do dicionário
25/48