如何使用React创建纯DOM元素？

Question

我在使用React的javascript代码中有一个简单的HTML字符串作为字符串，例如：

const htmlString = '<h1>Hello, World!</h1>'

现在，我想在我的一个React组件的方法中以编程方式设置className元素的<h1>属性。

我通常会这样做：

let htmlElement = document.createElement('div')
htmlElement.innerHTML = htmlString

然后我可以打电话给以下人员：

htmlElement.getElementByTagName('h1').className = 'description-heading'

但是，使用React我无法访问document，因此我无法拨打createElement。如何用React解决这个问题？

Answer 1

您可以为此编写解析器，或使用existing one。