Всем привет, запускаю в компоненте setInterval чтоб получать каждую секунду

Question

Всем привет, запускаю в компоненте setInterval чтоб получать каждую секунду

новое время, и если в этом же компоненте прописать console.log то он начинает увеличится как на скрине, в чем проблема? или так нельзя устанавливать setInterval?

#frontend #javascript #programming #react.js #russian

0

10.04.2022

20 ответов

18 просмотров

Евгений Волков Автор вопроса

код

0

10.04.2022

Евгений Волков Автор вопроса

Евгений Волков
код

вставлял console.log на 6 строку

0

10.04.2022

Евгений Волков Автор вопроса

Геній III сторіччя до н.е.
Тебя смущает что консоль лог 7к раз вызвался?

+ оперативка с временем тоже нагружается из-за этого

0

10.04.2022

Геній III сторіччя до н.е.

Евгений Волков
+ оперативка с временем тоже нагружается из-за это...

Да, правильно, так и будет. Начнём с того, что когда ты меняешь стейт -> происходит ререндер компонента, со всеми вытекающими последствиями.

0

10.04.2022

Евгений Волков Автор вопроса

Геній III сторіччя до н.е.
Да, правильно, так и будет. Начнём с того, что ког...

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

0

10.04.2022

Евгений Волков Автор вопроса

Евгений Волков
как правильно это можно сделать?

задача на hook useState

0

10.04.2022

Геній III сторіччя до н.е.

Евгений Волков
как правильно это можно сделать?

Ну, во-первых, добавь интервалу хотя бы задержку в 1000мс, потому что сейчас у тебя вообще нет задержки. Во-вторых, желательно что бы setInterval находился в useEffect, там же в return-е ты должен ещё и clearInterval делать. Но, если это урок по useState, предполагаю, что вы ещё не проходили это. Из-за чего хотя бы первого пункта должно тебе хватить, что бы память не сжирало лавиной. В интернете должны быть примеры таймеров / часов и т.д.

0

10.04.2022

Евгений Волков Автор вопроса

Геній III сторіччя до н.е.
Ну, во-первых, добавь интервалу хотя бы задержку в...

вот так сделал, правильно?

0

10.04.2022

Геній III сторіччя до н.е.

Евгений Волков
вот так сделал, правильно?

Не совсем, clearInterval в таком случае, по идеи, запустит твой интервал лишь единожды, убери его.

0

10.04.2022

Руслан Шайгадамов

Геній III сторіччя до н.е.
Не совсем, clearInterval в таком случае, по идеи, ...

Неа, он перерендерит компонент и создаст новый, и получится 2 интервала и так в геометрической прогрессии страничка умрёт 👍

0

10.04.2022

Геній III сторіччя до н.е.

Руслан Шайгадамов
Неа, он перерендерит компонент и создаст новый, и ...

Интересно, но разве реакт не должен дождаться, пока выполнится интервал, перед изменением стейта и ререндером? А интервал сам себя удаляет. Тут без песка не разобраться)

0

10.04.2022

Геній III сторіччя до н.е.

Геній III сторіччя до н.е.
Интересно, но разве реакт не должен дождаться, пок...

сетСтейт же не сразу ререндер запускает

0

10.04.2022

Геній III сторіччя до н.е.

Руслан Шайгадамов
Неа, он перерендерит компонент и создаст новый, и ...

Парень setState только учит, вероятно useEffect они не проходили ещё.

0

10.04.2022