使用React打印数据HTML

Question

我有一个带帖子的JSON表.内容以HTML格式提供,当我尝试在React中呈现它时:

  return (
    <article>
      <h2><a href={post.link}>{post.title.rendered}</a></h2>
      <div className="post__content">{post.content.rendered}</div>
    </article>
  )

我正在打印(转义)完整的HTML标记.我该怎么办？

Answer 1

尝试使用dangerouslySetInnerHTML

<article>
  <h2><a href={post.link}>{post.title.rendered}</a></h2>
  <div className="post__content" dangerouslySetInnerHTML={{__html: post.content.rendered}}></div>
</article>