javascript - Next Js v10 渲染图片

Question

最近，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？

Answer 1

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

并使用

`从'下一个/图像'导入图像