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

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

clipboard.png

阅读 14.7k
1 个回答

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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题