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

Question

Добрый день Есть 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])
Как можно поправить?

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

0

05.10.2020

17 ответов

20 просмотров

Dmitry Balakov

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

0

05.10.2020

Евгений Скоробогатый Автор вопроса

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

return ()=>{ clearInterval(timer) } Разве не это делает?

0

05.10.2020

アレクサンダー・バキマトフ

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

што?

0

05.10.2020

Евгений Скоробогатый Автор вопроса

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

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

0

05.10.2020

Илья

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

Дока?

0

05.10.2020

アレクサンダー・バキマトフ

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

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

0

05.10.2020

Dmitry Balakov

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

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

0

05.10.2020

Eugene Maltsev

アレクサンダー・バキマトフ
https://overreacted.io/making-setinterval-declarat...

первая ссылка из гугла 🌚

0

05.10.2020

Andrey Х

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

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

0

05.10.2020

Евгений Скоробогатый Автор вопроса

アレクサンダー・バキマトフ
https://overreacted.io/making-setinterval-declarat...

Спасибо

0

05.10.2020

Daniil Tchernyavsky

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

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

0

05.10.2020