【发布时间】：2021-05-15 15:10:19
【问题描述】：
我们在Next.js 项目中使用react-responsive-carousel。当我们用Image 替换img 以优化缩略图图像大小时，缩略图消失了。你知道为什么吗？
【问题讨论】：
标签： reactjs next.js carousel thumbnails nextjs-image
【发布时间】：2021-05-15 15:10:19
【问题描述】：
看起来是limitation of react-responsive-carousel：
请注意，无法在自定义组件中渲染图像。如果拇指被渲染为轮播的直接子元素，或者它们位于 div 或其他普通 html 元素中，并且可以从轮播中访问这些元素的子元素，则轮播将找到拇指。 出于性能原因，无法在自定义组件中获取图像。
next/image 是<img> 元素的包装，这意味着Carousel 无法为缩略图拾取图像。
【讨论】：
-
您会为 Next.js 推荐其他轮播工具吗？