如何使用 javascript 解析字符串 HTML？

Question

我有以下形式的响应数据：

'<b>How can I waive the underage fee?</b><br>\n You … have marked your age correctly before searching.'

所以问题是，我如何在 React Component 中使用这些数据？ 我必须在两个 div 之间使用它。 给定的数据是 html 语法的字符串形式。

Answer 1

如果你想在组件中显示这个 html 内容，你可以这样使用dangerouslySetInnerHTML ：

<div dangerouslySetInnerHTML={{__html:data}} />

这将在您的 DOM 中注入 HTML。 如文档中所述，请注意注入某些未知 HMTL 所涉及的风险。

来源： https ://fr.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml