Javascript 将每个h1、h2、h3封装在React组件中的HTML字符串中

我有一个HTML字符串。我想把每一个h1，h2，h3都放进去，然后把它包装成一个名为

的组件

我该怎么做

示例

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

现在我正在使用它将标记转换为HTML。它有一个名为

marked（）

的函数，它只返回一个HTML字符串

import marked from 'marked';

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

从“已标记”导入已标记；
导出默认类TranslatedMarkdown扩展组件{
render（）{
}
}

你得到的HTML字符串你有可以拆分的新行吗？是的-在每个标题后面都有新行-拆分到数组，映射到它上面？你也可以喜欢正则表达式并以这种方式映射，尽管字符串拆分到数组和映射更清晰、更容易推理。