当滑块图像已满时，如何制作？ ReactJs

Question

我正在寻求帮助，如果悬停图像中的滑块尺寸太小未满或没有被遮盖，但是如果大尺寸图像被完全遮盖了，我该如何使用工具？滑块和缩放悬停的react-slick插件react-image-magnify

查看完整的代码并在下面的链接中运行代码

https://codesandbox.io/embed/m4z84581p8

这是错误的图片，应该是图像悬停遇到边框时

缩放后

悬停或缩放之前

但是如果图像在悬停或缩放时较大，则图像已满框

之前

我想要的是，如果图像在悬停或缩放时不同，则图像会遇到边框框，例如以下链接或图片编号的示例。 2

https://www.tokopedia.com/laris88/640-adjustable-shoes-organizer-tempat-sepatu?trkid=f=Ca0000L000P0W0S0Sh,Co0Po0Fr0Cb0_src=search_page=1_ob=23_q=sepatu_po=29_catid=1372&lt=/searchproduct%20-%20p6%20-%20product