Как правильно использовать If условно? - PullRequest
Новая
       1

Как правильно использовать If условно?

0 голосов
/ 14 марта 2020

Я пытаюсь установить автоматический индекс в React, как показано ниже: Вы можете подумать, теперь общий индекс моих данных 5. Его можно изменить в любое время. 

const Carousel = props => {
  const [index, setIndex] = useState(0);
  const indexSetter = () => {
    if (index === data.length - 1) {
      setIndex(0)
    } else {
      setIndex(index + 1)
    }
  }
  useEffect(() => {
    setInterval(indexSetter, 5000);
  })
  const data = [{
    title: 'This is the first time',
    description: 'We are able OH my god this first theme',
    link: 'https://images.unsplash.com/photo-1518583396317-c4e34ac7794b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'
  },
  {
    title: 'This is the Second time',
    description: 'We are able 1 Ke ane tomar katha ami janina',
    link: 'https://images.unsplash.com/photo-1559237705-a097e76c10c9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'
  },
  {
    title: 'This is the Third time',
    description: 'We are able 1 youj ar eno en Able ot',
    link: 'https://images.unsplash.com/photo-1507144894800-1842d020ae69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'
  },
  {
    title: 'This is the Fourth time',
    description: 'We are able 1 jdfkjdk fjdlfdjdlk dkjdlkdj',
    link: 'https://images.unsplash.com/photo-1573008233527-59ca89650f3b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'
  },
  {
    title: 'This is the Sixth time',
    description: 'We are able kjk dkfjdkl dsie kdfjkd',
    link: 'https://images.unsplash.com/photo-1562979314-bee7453e911c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'
  },
  ]


  return (
    <div className={classes.Carousel}>
      <CarItem
        link={data[index].link}
        title={data[index].title}
        description={data[index].description}
      />
    </div>
  )
}
export default Carousel;

Но после округления общей длины сбой. Он не устанавливает индекс снова с 0; Я искал в Google. Я не понимаю, какую ошибку я совершил. Так как я новичок в кодировании, не беспокойтесь по поводу моего скучного вопроса. Обновление: я добавил свой полный компонент. Теперь не взламывает sh. После первого раунда индекс меняется так быстро, как у меня.

...