如何在我的 React js 页面中显示来自 json 数据的 html 代码？

Question

我在 React js 应用程序中创建了一个组件，它使用 fetch 调用 api 并获取一些 json 数据，如下所示。我怎样才能在我自己的html代码中按原样显示json数据中的html？

   data = {

              duration : "1", 

              html : "<div><p>some message here</p><p> more text here <span> styled text <span><p></div>"

          }

Answer 1

首先你应该使用一个包 html-react-parsernpm i html-react-parser然后import parse from 'html-react-parser'const yourHtmlString = '<h1 >Hello</h1>' // it's mean your data state html field像这样打电话之后 <div>    {parse(yourHtmlString)}</div>