javascript - 如何使用 React 显示以 JSON 格式接收的 HTML

Question

JSON

var obj = {
   content: "<p class="p1">Sample p tag one.</p> <p class="p1">Also 
   another paragraph sample.</p> <p><b>sample text</b></p> <p>More info <a 
   title="" href="https://www.google.com/" 
   target="_blank" rel="noopener"><em>THE WORK AHEAD: MACHINES, SKILLS AND 
   U.S. LEADERSHIP</em></a></p>"
};

我将如何在反应中呈现此代码？它显示了所有的 html 标签。

标签： javascriptreactjs

Answer 1

通过dangerouslySetInnetHTML.

const htmlString = '<p>My html</p>';

const innerHtmlObject = {
  __html: htmlString,
};

<div dangerouslySetInnerHTML={innerHtmlObject} />

注意：这是一种不好的做法，可能会导致安全漏洞！