React Strict Mode
No React, o StrictMode
tem um comportamento feito para garantir que seja compatível com o estado reutilizável. e uma das formas para garantir isso é aplicar os Efeitos de atualização dupla.
Note
Vale ressaltar que esse processo é feito apenas no modo de desenvolvimento.
Entretanto, esse recurso pode provocar algumas situações que podem incomodar o desenvolvedor durante a codificação.
Por exemplo, durante a depuração, utilizando o console do navegador, será exibido mensagens duplicadas, pois a primeira aparição é resultado dos testes do React Strict Mode e no outro é efetivamente a chamada do console.log()
, como exibido na imagem abaixo.
Para resolver isso, pode-se instalar a extensão do React Developer Tool para evitar que esse tipo de comportamento seja visível ao desenvolvedor durante o desenvolvimento.
Referências
https://unicorncoder.medium.com/o-que-acontece-com-o-strictmode-no-react-89795b1a8f8e