我們在react項目中,有的數據是通過富文本操作的內容,那我們如果展示數據並且保留樣式呢,這時dangerouslySetInnerHTML 就發揮作用了,在顯示時,將內容寫入__html對象中即可
<div
className="email-content"
dangerouslySetInnerHTML={{
__html: bcContent?.content
}}
/>
但是還不夠,我用的是VScode編輯器,這時語法報錯了,如下圖
,那我們如何解決呢,看下面代碼,包裹層
{
/* eslint-disable */
<div
className="email-content"
dangerouslySetInnerHTML={{
// __html: data.emailBody,
__html: bcContent?.content
}}
/>
/* eslint-enable */
}
好了,解決了,有其他方法的歡迎留言