angerlysetinnerhtml nextJS 标签 <p>

Question

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

Answer 1

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

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

我确实建议使用DOMPurify来清理您的 HTML，然后再通过dangerouslySetInnerHTML.