将图片放入public中 可以新建文件夹

1710921662434.png

import React, { useRef } from 'react'
import { Swiper } from 'antd-mobile'
  const bannerList = [
    '/image/1.jpg',
    '/image/2.jpg',
    '/image/3.jpg',
    '/image/4.jpg',
  ];
//const bannerList = [
  //'https://zos.alipayobjects.com/rmsportal/AiyWuByWklrrUDlFignR.png',
  //'https://zos.alipayobjects.com/rmsportal/TekJlZRVCjLFexlOCuWn.png',
  //'https://zos.alipayobjects.com/rmsportal/IJOtIlfsYdTyaDTRVrLI.png',
//];

const items = bannerList.map((item, index) => (
  <Swiper.Item key={index}>
    <img
      src={item}
      alt=''
    />
  </Swiper.Item>
))

export default () => {
  return (
    <Swiper
      loop
      autoplay
    >
      {items}
    </Swiper>
  )
}