如何在 React 中将 HTML 字符串渲染为真正的 HTML？

将 HTML 字符串渲染为真实 HTML

在您的 React 应用程序中，您面临一个问题，即 HTML 内容字符串渲染为文本而不是正确的 HTML 标记。要解决这个问题，了解以下几点至关重要：

1. this.props.match.description 是字符串吗？
   如果是字符串，则应将其转换到 HTML 没有任何问题。确保字符串正确地用双引号或单引号引起来。

2. HTML 实体：
   如果您的 HTML 描述包含特殊字符或 HTML 实体，您需要在使用angerlySetInnerHTML 之前对其进行解码。这可以使用decodeEntities之类的函数来完成。

   decodeEntities(input) {
     var e = document.createElement('div');
     e.innerHTML = input;
     return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
   }

3. 用法：
   这是一个工作示例：

   class App extends React.Component {
     constructor() {
       super();
       this.state = {
         description: '<h1>

通过遵循这些技巧，您将能够在 React 应用程序中成功地将 HTML 字符串渲染为真正的 HTML 标记。

以上是如何在 React 中将 HTML 字符串渲染为真正的 HTML？的详细内容。更多信息请关注PHP中文网其他相关文章！