0

我正在尝试使用 react-multi-carousel 包来创建水平滚动条，如下面的演示所示。

代码沙箱

我的问题一直是试图在打字稿中实现这一点。我已经查看了开发人员提供的打字稿使用文件，但是在进行简单设置时我仍然遇到错误。

const Overview = (props) => {
const classes = useStyles();

const CustomDots = ({ index, active, onClick, carouselState }:DotProps) => {
    return <div onClick={() => onClick }>This is a Custom dots</div>
  }
return (
    <Card className={classes.root}>
        <CardHeader className={classes.cardHeader} title="Overview" subheader="All Users(11)" />
        <CardContent className={classes.cardContent}>
            
            <Carousel           
                containerClass={classes.carouselContainer}
                responsive={responsive} 
                customDot={<CustomDots/>}           
            >
                <UserCard />
                <UserCard />
                <UserCard />
                <UserCard />


            </Carousel>
        </CardContent>
    </Card>
);

};

道具 customDot 有错误“没有重载匹配这个调用”。非常感谢任何帮助在打字稿中工作的水平滚动条！

4

0 回答 0