Javascript 呈现包含document.write（）的react.js组件

我试图呈现一个内部使用

document.write（）

的组件，因为我必须将json字符串转换为HTML。我面临的问题是，执行此操作时，组件仅呈现

文档中的内容。write（）

代码如下：

render() {
  return (
    <div>
      <Header />
      <div className="main-wrapper">
        <Link className="back-home" to="/">
          All news
        </Link>
        {this.state.articles.map(articulo => {
          console.log(articulo.content.rendered);
          return (
            <article className="article-wrapper" key={articulo.id}>
              <h1>{document.write(articulo.title.rendered)}</h1>
              <span className="article-date">
                {this.dameFecha(articulo.date)}
              </span>
              <img
                className="article-image"
                src={
                  articulo.better_featured_image.media_details.sizes.small
                    .source_url
                }
              />
              <div className="article-content">
                {document.write(articulo.content.rendered)}
              </div>
            </article>
          );
        })}
      </div>
    </div>
  );
}

有什么方法可以解决这个问题吗？

您可以使用以下方法呈现HTML字符串：

<h1 dangerouslySetInnerHTML={{ __html: articulo.title.rendered }} />

---

再次感谢！很好，我会在5分钟内验证你的答案！

<h1 dangerouslySetInnerHTML={{ __html: articulo.title.rendered }} />