react redux javascript stan

Question

Witam, 

Mam problem z cleaarInterval() bo interval jest w useEffect ponieważ powstawała pętla nieskończona, ale dlatego, że jest w useEffect nie potrafię aktualizować stanu wewnątrz i wyczyścić odliczania jeżeli zajdzie potrzeba. Jak sobie poradziś z takim problemem?

Effekt jest taki. że po dodaniu nowego todo i ustawienia mu alarmu uruchamia się odliczanie i po upływie zadanego czasu jest uruchamiany alarm. Wszystko gra, ale nie do końca, bo jeśli użytkownik zechce wyłączyć alarm, klika w czerwoną ikonkę stan zmienia się więc zmienia się ikonka na szarą ale stan nie "dochodzi" do wewnątrz useEffect więc musi upłynąć czas i uruchomić się alarm. Jeżeli ktoś chciałby spróbować to po wybraniu  ADD a dalej daty w celu uruchomienia alarmu trzeba wybrać opcję date z prawej strony czyli alarm uruchomi się dokładnie po upływie zadanego czasu, (w planach mam możliwość uruchomienia np 30min wczesniej)

Jest jakiś sposób aby to rozwiążać? proszę o pomoc.

live

https://robkot500.github.io/to_do/

code

https://github.com/robkot500/to_do/tree/master

 

Comments

Które pliki w repo zawierają problematyczny kod?

---

CountDown.js i ItemReducer.js

Answer 1

Próbowałeś czyścić interwał w funkcji zwróconej przez useEffect?

https://en.reactjs.org/docs/hooks-effect.html#example-using-hooks-1

Comments

nie bardzo to rozumię...

---

Z callbacka przekazanego do useEffect zwróć funkcję, w której wyczyścisz interwał.

---

wielkie dzięki :) działa