1
resposta

Como eu criaria um botão para pausar ou "resetar" a contagem depois de iniciada?

travei na tentativa de criar um botão com a função de alterar ou interromper a contagem do cronômetro tipo como um pause ou reset. gostaria de uma ajuda seja com algum artigo, documentação ou exemplo que explica-se. desde já agradeço.

1 resposta

Eu não tenho nenhum material para indicar, mas eu gostei da sua ideia e tentei implementa-la.

Não ficou 100%, mas o reset ficou quase.

Acredito que o grande problema aqui sejam os loops setTimeout e setInterval quando usados numa aplicação em React. Tem uma série de detalhes que complicam na hora de fazer o clear através de outra função chamada por outro componente. Ainda estou estudando a documentação do React para tentar achar uma luz.

Por hora, dá uma olhada no meu código: O App.tsx, com a implementação da função limparTarefas: https://github.com/dlcorreia/alura-studies/blob/master/src/pages/App.tsx

O componente do meu Cronômetro, com o restante do código: https://github.com/dlcorreia/alura-studies/blob/master/src/components/Cronometro/index.tsx Nesse componente eu refiz a função regressiva do instrutor utilizando setInterval para evitar a recursividade que ele utilizou.

Qualquer contribuição seria muito bem vinda!

P.S.: estou evitando utilizar conhecimentos além dos que foram passados na curso...