我正在看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 />
标签一样的第二个输出
1条答案
按热度按时间watbbzwu1#
尝试在
<Image style={{width: "150px", height: "40px"}} />
中使用px值,因为它会产生不同