react-Ant Design框架项目中文字轮播与图片轮播的实现

前言

在react-Ant Design框架项目中实现文字轮播和图片轮播，在这里记录一下，实现过程有一点小坑需要注意

文字轮播图实现

在Ant Design里面使用轮播图就需要使用Carousel组件
首先要把用到的组件进行按需引入

import {
   Card, Carousel} from 'antd'

然后写内容：
使用Carousel标签包裹轮播的内容，标签上autoplay作用是设置自动播放

export class Index extends Component {
   
  render() {
   
    return (
      <div className='carousel'>
        <Card title="文字轮播" className='card-wrap'