API React 字符串操作

Question

我是 React js 新手，我正在从 API 获取数据并希望在页面上显示。然而，我想要显示的字符串在字符串内有 HTML 标签。例子：

"<p>Portal 2 is a first-person puzzle game.</p> <p>Its plot directly follows the first game&#39;s, taking place in the Half-Life universe.</p> <br />"

我将如何在页面上显示它，以便它自动将 HTML 标签转换为它应该的格式，如下所示：

”

Portal 2 是一款第一人称益智游戏。

它的情节直接沿袭第一款游戏，发生在《半条命》宇宙中。

”

注意：我更喜欢远离 Jquery。我希望代码能够以一种易于理解的方式编写，因为我仍在学习。

Answer 1

您需要使用dangerouslySetInnerHTML它来将其显示为纯 HTML。https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml当然，如果您将其用于非副业项目，请务必小心，以免遭受 XSS 攻击。