1
resposta

[Dúvida] Utilização do Memo

Mesmo utilizando a função memo, o meu navegador continuou renderizando duas vezes o elemento. Isso é normal?!

Console

Código

1 resposta

Sim, é normal e não está relacionado com a função memo.

Isso acontece porque a aplicação desse projeto, em desenvolvimento, está rodando no React.StrictMode (se você abrir o arquivo index.tsx da pasta src, vai ver esse StrictMode englobando a aplicação). Nesse modo, os componentes são renderizados duas vezes para te ajudar a verificar se o comportamento deles está correto. Por exemplo, se a resposta das duas renderizações não for igual, pode ser que haja um bug no seu código.

Na documentação eles dão mais detalhes sobre esse modo: https://pt-br.legacy.reactjs.org/docs/strict-mode.html

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software