将每个h1，h2，h3包装在React组件中的HTML字符串中

Question

我有一串HTML。我想把每个h1，h2，h3包含在其中，然后将它包装成一个名为<TitleWrapper />的组件。

我该怎么做？

示例

这是一个奇怪的要求，所以这就是为什么它很难。我正在将markdown转换为HTML，这给了我一个HTML字符串。 Here是我正在使用的一些降价的例子。

现在我正在使用Marked将markdown翻译成HTML。它有一个名为marked()的函数，它只返回一个HTML字符串。

import marked from 'marked';

export default class TranslatedMarkdown extends Component {
  render() {
    <div dangerouslySetInnerHTML={{__html: marked(this.props.myMarkdown)}} />
  }
}