antd-design 的轮播图组件Carousel如何在初始化的时候自动跳转到特定图片

发布于 2022-09-05 10:56:01 字数 225 浏览 17 评论 0

Carousel没有这个API啊,官方让参照react-slick的参数,这里有个slickGoTo的方法,但是参照官网的方法不起作用啊,报错

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

咆哮 2022-09-12 10:56:01

js事件:

showBigPic=(index,event)=>{
    let bigPicList = [];
    event.target.parentNode.parentNode.childNodes.forEach((item)=>{
        bigPicList.push(item.childNodes[0].src)
    });
    console.log(event.target)

    this.setState({
        showBigPic:true,
        bigPics:bigPicList,
        picModalKye:this.state.picModalKye+1
    },()=>{
        this.refs.swipeBigPic.refs.slick.innerSlider.slickGoTo(index);
    })
};
           

DOM结构:

          <Modal
                title="卖家晒图"
                visible={this.state.showBigPic}
                onOk={this.handleOk}
                onCancel={this.handleCancel}
                key={this.state.picModalKye}
                footer={null}
                width={200}
                style={{ top: 30,width:300 }}
            >
                <Carousel
                    ref="swipeBigPic"
                >
                    {
                        this.state.bigPics.map((item,index)=>{
                            return (
                                    <div className="big-pic-wrapper" key={index}>
                                        <img src={item}/>
                                    </div>
                                )
                        })
                    }
                </Carousel>
            </Modal>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文