antd走马灯组件自定义前进后退按钮

antd走马灯组件自定义前进后退按钮【ts + react】

antd的Carousel没有提供前进后退按钮需要自己根据文档 实现此功能

官方提供了next 和prev两个方法

next()	切换到下一面板
prev()	切换到上一面板

代码如下：

import React from "react";
import "./Detail.less";
import {
    Carousel,Image } from 'antd';
import {
   LeftOutlined,RightOutlined} from "@ant-design/icons"
//引入底部组件
class Detail extends React.Component<any, any>{
   
    private img: any;
    constructor(props:any){
   
        super(props);
        this.stat