react-responsive-carousel：如何给拇指固定高度？

【问题标题】：react-responsive-carousel: how to give fixed height to thumb?react-responsive-carousel：如何给拇指固定高度？
【发布时间】：2021-02-21 10:29:16
【问题描述】：

我给图像一个固定的高度。但问题是现在，高度也适用于拇指。我怎样才能防止这种情况发生？

<Carousel width="600px" dynamicHeight={false}>
  {data?.book?.images.map((image, i) => (
    <img src={image} alt={`${i}`} className="h-128" />
  ))}
</Carousel>;

【问题讨论】：

标签： javascript css reactjs carousel tailwind-css

【解决方案1】：

您可以用 div 包装图像。并给那个 div 一个固定的高度。之后，在图像上，您可以给出高度：100%。这样，高度将仅适用于图像。它不适用于拇指。

<Carousel width="600px" dynamicHeight={false}>
  {data?.book?.images.map((image, i) => (
    <div className="h-128">
      <img src={image} alt={`${i}`} className="h-full" />
    </div>
  ))}
</Carousel>;

【讨论】：