在材质UI中,显示图像的组件具有图像参数。例如:
<Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" />
在Next.js v10中,有一个新的Image组件可以自动缩放图像:https://nextjs.org/docs/api-reference/next/image有没有人知道如何使用新的Image组件与材料UI?
Image
cyvaqqii1#
我能够这样使用它,而且效果很好。我希望它会有帮助。
<Avatar className={className}> <Image src={src || placeholder} alt={alt} layout="fill" /> </Avatar>
mw3dktmi2#
导入图像_1从“/静态/图像/化身/1.jpg”//定位图像那就把源代码="/静态/图像/头像/1.jpg”到源代码={图像_1.源代码}
2条答案
按热度按时间cyvaqqii1#
我能够这样使用它,而且效果很好。我希望它会有帮助。
mw3dktmi2#
导入图像_1从“/静态/图像/化身/1.jpg”//定位图像
那就把
源代码="/静态/图像/头像/1.jpg”
到
源代码={图像_1.源代码}