如何使用Javascript React打印包含html的對象值

Question

所以目前我將其作為道具的對象

{
    id: "1",
    summary: "HTML content inside this string",
    name: "John"
}

所以我想做的是刪除字符串，以便將html打印為html而不是字符串，但我將通過JSON.parse（）獲得的錯誤是此SyntaxError：JSON中位置1處的意外令牌o

HTML內容是一個非常簡單的Ul，其中包含Li的列表。

我還能如何渲染保存HTML的對象值，以便將其打印為HTML。

任何幫助都將是驚人的。

謝謝

Answer 1

刪除引號會使字符串無效。 而是使用字符串/文本創建所需的html元素。

檢查以下示例。

 var props = { id: "1", summary: "<div><ul><li>Some text here</li></ul></div>", name: "John" } var htmlObject = document.createElement('div'); htmlObject.innerHTML = props.summary; document.getElementById("t").appendChild(htmlObject); 

 <div id="t"> </div> 

Answer 2

弄清楚了，謝謝您的所有幫助。

我要做的是用react渲染它是為要修改的輸出創建一個函數

summary() {
    return {__html: modal.summary
}

然后我使用了危險的SetInnerHTML，它起作用了

<div id="summary" dangerouslySetInnerHTML={summary()} />