react redux interval dobrze działa w jednym komponencie źle w drugim

Question

Witam, 

Mam problem z działaniem komponentu CountDown.js, w gdy jest osadzony w Header.js działa źle - po ustawieniu dwóch alarmów, jeżeli jeden upłynie zeruje się drugi, gdy osadzę komponent CountDown.js w List.js działa poprawnie i jeden alarm nie ma wpływu na drugi ale działają tylko jak jest wyrenderowany komponent List.js jak inna zakładka nie działa. Dlaczego w Header.js jeden Interwał zeruje drugi a w List.js nie. Żeby sprwadzić live trzeba dodać dwa todo poprzez ADD każdy z alarmem

live(z umieszczonym CountDown.js w Headerjs) 

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

code

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

proszę o pomoc

 

Comments

komentarz zamknięcia: Znalazłem rozwiązanie

Jak rozwiązałeś problem?

---

Doszukałem się, że w List.js, CountDown.js był renderowany niezależnie od tego czy był alarm ustawiony w danym tasku czy nie- jeżeli nie było ustawionej daty alarmu to po prostu nie odpalił,  natomiast w Hederze były renderowane tylko te taski które miały ustawiony alarm. to było irytujące jak widziśz w konsoli, że są odliczane dwa alarmy i nagle po uruchomieniu pierwszego zeruje się drugi. Nie rozumię za bardzo tego mechanizmu ale działa,