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>標簽。

並導入它

`從'下一個/圖像'導入圖像