ReactPDF：解析HTML字符串到HTML并显示

Question

我目前正在解析HTML字符串以HTML的问题，问题是当我试图将其显示给PDF时。我正在使用 pdfdownloadlink

时必须分析的项目阵列

const unit = [
{
_id: 1,
text: '<p>hello there</p>',
},
{
_id: 2,
text: '<h1>hello there</h1>',
}
{
_id: 3,
text: '<p>hello there</p><br/> <p>Hello World</p>',
}
] 

文本

(units.map((unit) => {
 let text = <p>hello</p>
                  if (unit.text) {
                    const parser = new DOMParser()
                    const doc = parser.parseFromString(unit.text, 'text/html')
                    // doc.body.firstChild

                  }

                  return (
                      {/* <div dangerouslySetInnerHTML={{ __html: unit.text }} /> */}
                      <Text>
                        <div>
                          {text}
                        </div>
                      </Text>
                  )

})

这是我在设置文本时必须放在 be doc.body.firstchild

我收到此错误消息：

Error: Objects are not valid as a React child (found: [object HTMLParagraphElement]). If you meant to render a collection of children, use an array instead.

Answer 1

对于将来有相同问题的任何人，我找到了一个包（ https：// https：// https：// www.npmjs.com/package/reaeact-pdf-html ）读取它将html呈现到reactpdf