危險地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。