如何在React Responsive Carousel中使用renderArrowPrev实现下一个和上一个功能？

如何解决如何在React Responsive Carousel中使用renderArrowPrev实现下一个和上一个功能？

我正在使用https://www.npmjs.com/package/react-responsive-carousel 我能够使用renderArrowPrev和renderArrowNext渲染所需的图像。但我无法为其添加功能。

position: relative

即使将第一个参数传递给renderArrowNext，也不会调用clickHandler。

解决方法

在renderArrowPrev和renderArrowNext中，轮播库为您提供了参数（clickHandler，hasPrev，labelPrev），您应该使用这些项目而不是自己编写代码：

const Swiper = () => {
      return (
        <Carousel
           renderArrowPrev={(clickHandler,hasPrev,labelPrev) =>
                hasPrev && (
                    <button onClick={clickHandler}>
                        <img 
                            style={{ height: "30px",width: "30px" }}
                            src={`assets/img/previous.svg`} />
                    </button>
                )
            }
            renderArrowNext={(clickHandler,hasNext,labelNext) =>
                hasNext && (
                    <button onClick={clickHandler}>
                        <img
                            style={{ height: "30px",width: "30px"}}
                            src={`assets/img/next.svg`} />
                    </button>
                )
            }
         renderThumbs={() => null}
        >
          {getSlides()}
        </Carousel>
      );
    };