Reactjs 如何在react中制作具有响应图像的灯箱

我试图在react转盘组件（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;`