在Next.Js中加载图像时如何显示占位符？

我正在使用getStaticProps从Firebase获取一些图像，然后使用下一个图像组件显示它们。但是，它们需要一段时间才能显示，在它们还没有加载的情况下，我如何显示占位符？

在thery

@canary

分支上有一个实验合并。如果你想尝试一下，只需在最新发布的金丝雀上更新你的nextjs版本。 只需在

图像

组件上添加一个新的

占位符=“blur”

道具

或者你可以用这个

---

编辑：nextjs11现在正式发布了

组件的

占位符

道具。您可以阅读有关此图像占位符的更多信息。确保通过运行

npmi更新nextjs、react、react-dom版本next@latest react@latest反应-dom@latest

你能分享一下你现在的代码吗？