如何在NextJS中转义HTML标记

Question

我有Django后端和Nextjs前端。

当我尝试渲染时content = models.TextField()从我的Django后端到Nextjs前端<p>{data.content}</p>，我得到以下渲染：

<p>first&nbsp;first&nbs</p>

我使用django_summernote作为编辑器。Django有一个|safe方法，它可以逃避呈现HTML，但我不知道NextJS该用什么。感谢提供的任何帮助

Answer 1

在next-js中转义html标记，并使用页面中的样式从API安全地呈现html。所以你必须添加以下代码：

<div dangerouslySetInnerHTML={{ __html: data.content }}></div>