react.js antd carousel with arrows

Question

I am looking at using the antd Caroseul, but I\'ve not seen an example that creates a prev/next or pause button.

const { Carousel } = antd;

ReactDOM.render         


        

Answer 1

just follow this code : use useRef hook and assign a Ref to Carousel and then call next and prev method by refrence.

import React, { useRef, Fragment } from "react";
import { Carousel } from "antd";

const MyCarousel = () => {
const slider = useRef(null);

return ( 

     slider.current.next()}>next
    
        
Item 1
        
Item 2
        
Item 3
    
     slider.current.next()}>next

)}