react 轮播图

import React from 'react'

function Swiper() {

（请把数据换成自己的数据）

  const [data, setData] = React.useState([{

    img:"icon/pig6.jpg"

  },{

    img:"icon/pig7.jpg"

  },{

    img:"icon/pig8.jpg"

  }])

  const [timer,setTimer]=React.useState('')

  const [dataindex, setDataindex] = React.useState(0)

  React.useEffect(()=>{

    setint(dataindex)

  },[])

  const clickLI=(i)=>{

    setint(i)

    setDataindex(i)

    clearInterval(timer)

  }

  const setint=(index)=>{

    let newTImer=setInterval(() => {

        index+=1

        if(index==data.length){

            index=0

        }

        setDataindex(index)

    },2000);

    setTimer(newTImer)

  }

  return <div className="Swiper">

    <img src={data[dataindex].img} alt="" />

    <div className='li'>

        {

            data.map((v,i)=>{

                return(

                    <p onClick={()=>{clickLI(i)}} key={i} style={{background:dataindex==i?'red':'black'}}></p>

                )

            })

        }

    </div>

  </div>

}

export default Swiper