antd走马灯goTo正确使用姿势

jartins

已于 2023-04-14 13:58:09 修改

阅读量918

点赞数

文章标签：前端 ant

于 2023-04-14 13:57:25 首次发布

本文链接：https://blog.csdn.net/jartins/article/details/130151958

版权

我用的版本

{
    "antd": "^5.4.2",
    "react": "^18.2.0",
}

示例代码

... ...
const carouselRef = React.createRef();

const App: React.FC = () => {
    ... ...
    const handleChange = (index: string) => {
	    carouselRef.current.goTo(index);
    };
    
    ... ...
        onChange={() => handleChange(index)}
    ... ...

    return (   
        <Carousel
	    	effect="fade"
	        autoplay={false}
	        dots={false}
	    	ref={carouselRef}
	    >
            ... ...
	    	<div>
	    		<h3>... ...</h3>
	    	</div>
	    	... ...
	    </Carousel>
    );
};