反应引导轮播 onSelect 事件

Question

在 jquery 中使用 event.currentTarget 来获取下一张幻灯片的元素，看看是否存在一个属性并替换为另一个，最后当滑块的所有属性（数据背景）时删除事件监听器已被替换。

$(this).on('slide.bs.carousel', function (event) {
    var nextSlider = event.relatedTarget;
    if(typeof $(nextSlider).attr('data-background') != 'undefined'){
        $(nextSlider).attr("style",'cursor:pointer; '+'background:'+$(nextSlider).attr('data-background')+" no-repeat center center");
        $(nextSlider).removeAttr('data-background');
    }
    if($(this).find('.item[data-background]').length==0){
        $(this).off('slide.bs.carousel');
    }
});

现在使用 react bootstrap carousel 并希望在 carousel 滑动时获取下一个元素（如上例所示），其中触发事件的名称是 onSelect 但不知道名称是什么等效于 event.currentTarget 的事件方法？？

  handleSelect(selectedIndex, event) {
    console.log('carousel new slide....');

    var nextSlider = event.currentTarget;
    if(typeof nextSlider.attributes.getNamedItem('data-src') != 'undefined'){
      console.log('haves data-src');
    }else{
      console.log('doesn\'t haves data-src');
    }
}

Answer 1

更改为在handleSelect(selectedIndex, event) 中使用 selectedIndex 来更新组件状态并使用属性为 src 的轮播的下一张幻灯片的项目重新渲染。