169 похожих чатов

Добрый день Есть SPA приложение. На одной из страниц есть таймер

, который периодически запрашивает данные.
1) Если перейти на другую странницу он не останавливается
2) Если вернуться на эту страницу, то запускается еще раз без остановки предидущего
const [timer,setTimer] = useState(null)
useEffect(()=>{
let s_date = moment(props.date).format("YYYY-MM-DD");
let c_date = moment().format("YYYY-MM-DD");
if (s_date===c_date)
setTimer(setInterval(getData,5000))
else
clearInterval(timer)

getData()
return ()=>{
clearInterval(timer)
}
},[props.date])
Как можно поправить?

17 ответов

15 просмотров

Использовать традиционные классы с жизненным циклом и стопать таймер на willUnmount

для этих целей есть useRef

Dmitry Balakov
для этих целей есть useRef

А поподробнее с этого момента можно?

Евгений Скоробогатый
return ()=>{ clearInterval(timer) ...

https://overreacted.io/making-setinterval-declarative-with-react-hooks/

Евгений Скоробогатый
А поподробнее с этого момента можно?

смотри - когда у тебя создается функция которую ты возвращаешь, в тот момент у тебя переменная timer будет еще в начальном значении (лучше почитать про хуки и как они работают) Если тебе нужны моментальные изменения есть хук useRef https://ru.reactjs.org/docs/hooks-reference.html#useref

アレクサンダー・バキマトフ
што?

Component/PureComponent и стопать таймер при демонтировании, стартовать при монтировании. Куда более читабельно для 90% разрабов и гораздо лучше контроллируется поведение компонента.

Andrey Х
Component/PureComponent и стопать таймер при демон...

разница? Там он сделает в стейте такой же объект и будет через this.setState менять

Andrey Х
Component/PureComponent и стопать таймер при демон...

может просто достаточно все таки хуки осилить?

Daniil Tchernyavsky
разница? Там он сделает в стейте такой же объект и...

Не обязательно в стейте, можно в атрибуте класса. Разница еще в более читабельном коде для большинства людей (писал выше).

Andrey Х
Не обязательно в стейте, можно в атрибуте класса. ...

или читабельном для тебя, не путай субъективное и объективное

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Мужики. привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных элементов...
Kraszx
2
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Всем привет! Кто пользуется DevExpress, подскажите пожалуйста, реализован ли в TcxGrid в новых версиях поиск по датам как в Экселе (ну т.е. не просто список чекбоксов со значе...
A Z
4
Карта сайта