危险地setinnerhtml nextJS标签<p>

Question

我在 nextJS 中dangerouslySetInnerHTML地执行 SetInnerHTML 时遇到问题。 我想删除<p>标签，但是当它重新加载时，它甚至不会出现在屏幕上。 这是我的代码

Answer 1

您只能设置children或props.dangerouslySetInnerHTML 。 return()函数应该是：

return (
    <div className={styles.article} dangerouslySetInnerHTML={{ __html: data }} />
);

我确实建议在通过dangerouslySetInnerHTML将其插入 DOM 之前使用DOMPurify来清理您的 HTML。