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

pytanie zadane 19 sierpnia 2020 w JavaScript przez rob Bywalec (2,440 p.)
zamknięte 20 sierpnia 2020 przez rob

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

komentarz zamknięcia: Znalazłem rozwiązanie

komentarz 20 sierpnia 2020 przez ScriptyChris Mędrzec (190,190 p.)

komentarz zamknięcia: Znalazłem rozwiązanie

Jak rozwiązałeś problem?

komentarz 21 sierpnia 2020 przez rob Bywalec (2,440 p.)

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,