2
respostas

[Dúvida] Log sendo impresso duas vezes

Ao chamar o item pela lista o log para verificação do objeto atual está sendo impresso duplicado, foi sugerido uma solução com <React.StrictMode> mas não teve nenhum resultado, segue parte do código.

import { ITarefa } from '../../../types/tarefa'
import style from './Item.module.scss'

export default function Item({tarefa, tempo, completado, selecionado, id}: ITarefa){
    console.log("Task atual -> ", {tarefa, tempo, completado, selecionado, id});

    return(
            <li className={style.item}>
                <h3> {tarefa} </h3>
                <span> {tempo} </span>
            </li>
    )
}
2 respostas

Também estou com o mesmo problema...

Eu também estou com esse comportamento, mas pesquisando sobre o assunto achei alguns forum informando que é um comportamento normal do React a partir das da versão 18.

Envolve o useEffect, por ser compartilhador(dependencias entre os componentes ele tem que ser atualizado mais de uma vez e etc). Confesso que estou aprendendo agora React mas acho esse assunto deve ser abordado mais a frente.

Não sei se podemos compartilhar artigos externo mas achei esse bem legal. https://josiaspereira.com.br/por-que-o-useeffect-e-executado-duas-vezes/

Confesso que estou curioso para fazer alguns testes para analisar de perto esse comportamento.