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

Question

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

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

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

我通常会这样做：

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

然后我可以去调用以下内容：

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

但是，对于 React，我无法访问 document，因此我无法调用 createElement。我怎样才能用 React 解决这个问题？

Answer 1

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