如何在反应中制作带有响应式图像的灯箱

编程问答 2022-05-15

问题描述

我正在尝试在 react carousel 组件 (react-slick) 中制作一个灯箱。

这是轮播组件：

<Slider { ...settings }>
 { this.state.imagens.map((image) => {
  return (
   <div className="img-trabalhos-recentes-padding" key="">
    <BackgroundDiv className="img-trabalhos-recentes" caminho={"url(/assets/trabalhos-destaque/" + image + ") no-repeat center"} />
   </div>
  )
 })}
</Slider>

这是我的样式组件：

const BackgroundDiv = styled.div`
 background: ${props => props.caminho};
 background-size: cover;
 width: 100% !important;`

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carouselreactjsreactjsreactjsreactjs