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

I'm using the React Hooks. I just found the result. Here is example:

function SampleNextArrow(props) {
    const { className, style, onClick } = props
    return (
        

    )
}

function SamplePrevArrow(props) {
    const { className, style, onClick } = props
    return (
        

    )
}

const settings = {
    dots: true,
    infinite: true,
    speed: 500,
    slidesToShow: 8,
    nextArrow: ,
    prevArrow: ,
}


    {koompiApps.map((res, index) => {
        return (
        
            
 {
                setAppsKey(`${index + 1}`)
            }}
            >
            
                
                
                
{res.name}
                
            
            
        
        )
    })}

The Result: