antD 走馬燈跳到指定頁面


import { Table, Carousel, Input, Tabs, Icon } from 'antd'

next() {
        this.slider.slick.slickNext();
    }
    prev() {
        this.slider.slick.slickPrev();
    }

    goTop = () => {
    	this.slider && this.slider.innerSlider.slickGoTo(2) //跳到指定頁面 0 開始
    
    }

//主業綁定 ref={el => (this.slider = el)}
    <div className="home-lunbo">
                <Carousel {...lunboSetting} ref={el => (this.slider = el)}>
                    <div key={1}><h3>1</h3></div>
                    <div key={2}><h3>2</h3></div>
                    <div key={3}><h3>3</h3></div>
                    <div key={4}><h3>4</h3></div>
                </Carousel>
                <Icon type="left-circle"onClick={this.prev}/>
                <Icon type="right-circle" onClick={this.next}/>
                <button onClick={this.goTop} >tiaozhuan</button>
            </div>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM