Next Js v10 渲染图片答案

【问题标题】：Next Js v10 rendering ImageNext Js v10 渲染图片
【发布时间】：2021-02-26 16:01:07
【问题描述】：

最近，Next.js 版本 10 发布了，带有最新的 Image 元素，这对于拥有大量图片的网站非常有用！

我从服务器收到 HTML 响应，如下所示：

HTML =
"<div>
<p> Some Random text</p>
<img src="something" />
<img src="something" />
<img src="something" />
<img src="something" />
 <div>"

我要做的就是将 HTML 渲染为纯文本，并在页面渲染期间将所有 img 标签转换为 Image。我怎样才能将所有img 替换为Image？

【问题讨论】：

【解决方案1】：

在您的 React (JSX/TSX) 代码中，将所有 <img> 标签更改为 <Image> 标签。

然后用

导入

`从'next/image'导入图片

【讨论】：