Next Js v10 渲染图

Question

Recently, Next.js version 10 is released with the newest Image element, which is super helpful for a website with a lot of images!

I get an HTML response from the server something like:

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

All I want to do is render the HTML into plain text and convert all the img tags to Image during rendering on the page. How can I do this to replace all img to Image ?

Answer 1

In your React (JSX/TSX) code change all <img> tags to <Image> tags.

And import it with

`import Image from 'next/image'