reactjs - 为什么 Carousel 不接受 Next.js 图片？

Question

我们react-responsive-carousel在我们的Next.js项目中使用。当我们替换img为Image优化缩略图图像大小时，缩略图消失了。你知道为什么吗？

标签： reactjsnext.jscarouselthumbnailsnextjs-image

Answer 1

看起来这是一个限制react-responsive-carousel：

请注意，无法在自定义组件中呈现图像。如果拇指被渲染为轮播的直接子元素，或者它们位于 div 或其他普通 html 元素中，并且可以从轮播中访问这些元素的子元素，则轮播将找到拇指。出于性能原因，无法在自定义组件中获取图像。

next/image是元素周围的包装器<img>，这意味着Carousel无法为缩略图拾取图像。