Reactjs 当我点击实际的img时，我怎样才能看到放大的图像

如何在图像模式视图上访问

src={img.url.small}

？ 它看起来好像说img没有定义，这是真的，但我不知道如何使它在我的模态视图上工作

const照片=（{images}）=>{
const[hovered，setHovered]=useState（false）；
const Dialog=styled.div`
背景：白色；
边界半径：5px；
填充：20px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
`;
返回(
摄影
{图像&&
images.map（img=>(
setHovered（true）}>

))}
{悬停&&(
设置悬停（错误）}>

我不确定问题出在哪里，但不幸的是，我无法对此作出评论。我认为您正在尝试为图像数组找到正确的对象结构

var images = [
  {
    urls: {
      small: "path/to/your/small_image.png",
      big: "path/to/your/big_image.png"
    }
  },
  {
    urls: {
      small: "path/to/your/small_image2.png",
      big: "path/to/your/big_image2.png"
    }
  }
];


您是在问如何获取对
img
的引用，还是在问为什么
img.url.small
未定义？