8

在 Material UI 中,显示图像的组件具有图像参数。例如:

<Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" />

在 Next.js v10 中有一个Image自动缩放图像的新组件:https:  //nextjs.org/docs/api-reference/next/image

有没有人想出如何将新Image组件与 Material UI 一起使用?

4

1 回答 1

5

我可以像这样使用它并且效果很好。我希望它会有所帮助。

<Avatar className={className}>
  <Image src={src || placeholder} alt={alt} layout="fill" />
</Avatar>
于 2021-03-16T14:39:16.247 回答