DangerouslySetInnerHtml（）显示React中前一页的内容

Question

构建一个显示用户配置文件的站点。当从一个配置文件更改为另一个配置文件时，配置文件描述与以前的用户配置文件数据卡住了。

例如

1. 访问用户简档1个
2. 用户简档描述读取User profile 1 description
3. 访问用户轮廓2个
4. 用户简档描述读取User profile 1 description User profile 2 description

我的代码是全部为运行在我的组件的渲染功能，所以应该重新渲染时状态更新。

render(){ 
    return(
     <h4>Profile 1<h4> 
     <p dangerouslySetInnerHTML={{__html: this.props.profile.description}} /> 
    ) 
} 

Answer 1

原来是this.props.profile.description被HTML包裹在<p>标签。这是造成嵌套在p的标签，在这篇文章中描述了发生问题的原因p标签 - Nesting <p> won't work while nesting <div> will?

的经验法则是永远在<p>标签使用dangerouslySetInnerHTML。

花了很长时间才得到这个根本原因，并认为它值得传递它。