如何将字符串中的html标签解析为jsx

Question

我们有一个使用drupal 作为CMS 的项目。我们得到一些字符串格式的数据。 一些字符串中包含 html 标签。 <p>some text</p> ：这是一个字符串。 像往常一样，当我们在 React 组件中渲染它时，字符串“some text”变成了<p>some text</p>。

我的问题是如何将字符串解析为 jsx 中的 DOM 元素，并且还可以将样式应用于 <p>、<strong>...等标签。

有什么方法可以使用吗？

提前致谢！

Answer 1

我为这个问题找到了一个非常好的 React 包，它解决了所有问题，并且通过针对子组件的 CSS，我能够更改样式。

html-react-parser

只需安装它并像这样使用它：

let someTextvariable: any = HTMLReactParser(props.information);

谢谢大家。