react中轮播图设置

import React, { useEffect, useState } from 'react'

import { Link } from 'react-router-dom'

import { carouselSelect } from '../service'

export default function Swiper() {

  let [carouselItem, setCarouselItem] = useState([])

  useEffect(() => {

    (async () => {

      let data = await carouselSelect()

      // console.log(data);

      setCarouselItem(data)

     

    })()

  }, [])

  // 轮播图下标

  let [cur,setCur]=useState(0)

 // 启用定时器 切换下一个广告

  useEffect(()=>{

    let timer=null

    if(carouselItem.length>0){

      setInterval(()=>{

        let i=cur+1

        i=i>carouselItem.length-1?0:i

        setCur(i)

        cur=i

      },5000)