Привет всем, у меня тут интересная непонятка, у меня есть на странице два слайдера, которые одновременно меняют контент и есть точки которые отображают актуальный слайд. Я храню индекс слайда в state и меняю точки при изменении state. Проблема в том что он доходит до 3 слайда и ему нужно положить в state индекс 0, чего он принципиально делать не хочет и не могу понять почему((
`state: IPassword = {
clicked: false,
path: './icon_hide_password.png',
type: 'password',
currentSlide: 0
}
handleSliderChanges = (selectedIndex: number) => {
console.log('HandleSlider before state changes', selectedIndex)
console.log('STATE: ', this.state.currentSlide)
if (selectedIndex !== 0) {
this.setState({
currentSlide: selectedIndex
})
} else {
console.log('HEEEEEY IS 0')
}
console.log('STATE CHANGED: ', this.state.currentSlide)
console.log('HandleSlider before call', selectedIndex)
this.handleDots()
console.log('HandleSlider after call', selectedIndex)
}
handleDots = () => {
const dotsContainer = document.querySelectorAll('.dot')
dotsContainer.forEach((dot) => {
dot.classList.remove('selected-dot')
})
console.log('HandleDots before change', this.state.currentSlide)
dotsContainer[this.state.currentSlide].classList.add('selected-dot')
console.log('HandleDots after change', this.state.currentSlide)
}
`