下面的代码将json响应作为一个实际的html放到一个网页上。json响应是一个字符串。

{this.props.posts && this.props.posts.length > 0 && this.props.posts.map((p) => (
  <div className='blog-post' key={p.id}>
    <div className='blog-post-top-image'>
      <img src={p.image.url} />
    </div>
    <div className='blog-post-content'>
      <h1>{p.title}</h1>
      <p className='blog-post-posted-on'>{p.publishedAt}</p>
      <div className='blog-post-text'>
        <p className='blog-post-text-p'>{p.body}</p>
      </div>
   </div>
  </div>
))}

｛p.body｝包含一个字符串“

如何在页面上将其显示为正确的html？