Как не обрабатывать клик на элементе при его перетаскивании?

Question

[kirillleogky]

Я использую React Responsive Carousel и мне нужно чтобы пр перетаскивании мои слайды (ссылки) не срабатывали а срабатывали лишь при клике
Пример:

import React from "react";
import { Carousel } from "react-responsive-carousel";

export default () => {
  return (
    <Carousel useKeyboardArrows={true}
    showStatus={false}
    showThumbs={false}
    emulateTouch={true}>
      <div>
        <a href="http://www.github.com" target="_blank">
          <div>
            <img src="http://lorempixel.com/output/cats-q-c-640-480-1.jpg" />
          </div>
        </a>
        <p className="legend">Legend 1</p>
      </div>
      <div>
        <a href="http://www.github.com" target="_blank">
          <div>
            <img src="http://lorempixel.com/output/cats-q-c-640-480-1.jpg" />
          </div>
        </a>
        <p className="legend">Legend 1</p>
      </div>
    </Carousel>
  );
};

Answer 1

[Kirill Makarov]

Попробуй вместо ссылки использовать div и на него повесь onClick в котором будешь вызывать функцию и уже в функции переводить по ссылке. Если не поможет то создай отдельно кнопку явно указывающую что на ней переход по ссылке а все остальное оставь дивом

Comments

[kirillleogky]

Kirill Makarov фишка в том чтобы был весь блок кликабельным
я думал может в пакете есть информация поэтому но ничего не нашел