Почему state внутри setInterval не изменяется? Он всегда имеет initial

Question

Почему state внутри setInterval не изменяется? Он всегда имеет initial

state.

const [state, setState] = useSetState({
searchWidth: (windowWidth < 992) ? 90 : 0,
searchString: (windowWidth < 992) ? '90px' : '',
isOpen: (windowWidth < 992),
})

// const handlerSearchOn = useCallback(() => {
const handlerSearchOn = () => {
setState({ isOpen: true })

const searchInterval = setInterval(() => {
console.log(state) // показывае всегда старое состояние

if (state.searchWidth >= 91) {

clearInterval(searchInterval)
return false
}

// состоние обновилось
setState((prevState) => ({
searchWidth: prevState.searchWidth + 15,
searchString: prevState.searchWidth + 'px',
}))
}, 35)
}

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

0

29.10.2019

1 ответов

12 просмотров

Vladimir Alabov · Accepted Answer

Vladimir Alabov

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

0

29.10.2019

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

Почему state внутри setInterval не изменяется? Он всегда имеет initial

1 ответов

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