React-id-swiper: Swipe events

Created on 5 Jun 2018 · 4Comments · Source: kidjp85/react-id-swiper

Hi, thank you very much for this contribution, i was unable to listen for events like 'on swipe' event.
can anyone show me how to do so? i will be very thankful!!

Source

mbenjrinija

Most helpful comment

Hi @mbenjrinija , u can add event from params like

params = {
    on: {
        'init': () => {}
        'slideChange': () => {......}
    }
}

More detail about event api is here

kidjp85 on 14 Jun 2018

👍10 ❤9 🚀3 🎉3

All 4 comments

It's ok guys i found it,
<Swiper ref={node => { if (node) this.swiper = node.swiper; this.swiper.on('slideChange', function () { console.log('slide changed'); }); }} > {renderedItems} </Swiper>

mbenjrinija on 5 Jun 2018

👍2

Hi @mbenjrinija , u can add event from params like

params = {
    on: {
        'init': () => {}
        'slideChange': () => {......}
    }
}

More detail about event api is here

kidjp85 on 14 Jun 2018

👍10 ❤9 🚀3 🎉3

Why am I getting this error suddenly ....
index.js:1375 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()

GaddMaster on 30 Sep 2019

Hi @mbenjrinija , u can add event from params like
params = {
    on: {
        'init': () => {}
        'slideChange': () => {......}
    }
}
More detail about event api is here

thanks!!!