Nextjs< Image/> 的工作方式与tag不同< img/>

ru9i0ody  于 2023-02-04  发布在  其他
关注(0)|答案(1)|浏览(123)

我正在看nextjs教程,我需要像教程视频添加图像。但当我添加<Image/>标签,它不一样的教程工作。比我尝试正常的<img/>标签,它的工作。
以下是我的<Image/>版本

<Image
   src="https://links.papareact.com/f90"
   width:{150}
   height:{40}
   style={{ objectFit: "contain"}}
   className="cursor-pointer"
   alt="amazon logo"
  />

以下是我的<img/>版本

<img
  src="https://links.papareact.com/f90"
  style={{ objectFit: "contain", width: "150px", height: "40px" }}
  className="cursor-pointer"
  alt="amazon logo"
 />

为什么这两个不工作相同的对方?我怎么能使用<Image />标签一样的第二个输出

watbbzwu

watbbzwu1#

尝试在<Image style={{width: "150px", height: "40px"}} />中使用px值,因为它会产生不同

相关问题