javascript - 次の Js v10 レンダリングイメージ

Question

最近、Next.js バージョン 10 がリリースされ、最新のImage要素が追加されました。これは、画像の多い Web サイトにとって非常に役立ちます。

サーバーから次のような HTML 応答を受け取ります。

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

私がやりたいことは、HTML をプレーンテキストにレンダリングし、ページでのレンダリング中にすべてのimgタグをに変換することだけです。すべてをImageに置き換えるにはどうすればよいですか?imgImage

score -1 · Accepted Answer

React (JSX/TSX) コードで、すべての<img>タグを<Image>タグに変更します。

そして、それをインポートします

`'next/image' から画像をインポート

javascript - 次の Js v10 レンダリング イメージ