Fatal编程技术网
  • html/
  • 危险的LySetinerHTML（）显示React中上一页的内容

危险的LySetinerHTML（）显示React中上一页的内容

html reactjs

危险的LySetinerHTML（）显示React中上一页的内容,html,reactjs,Html,Reactjs,构建显示用户配置文件的网站。从一个配置文件更改为另一个配置文件时，配置文件描述会与以前的用户配置文件数据卡住 比如说 访问用户配置文件1 用户配置文件说明读取用户配置文件1说明 访问用户档案2 用户配置文件说明读取用户配置文件1说明用户配置文件2说明 我的代码都是在我的组件的渲染函数中运行的，所以当状态更新时应该重新渲染 render(){ return( <h4>Profile 1<h4> <p dangerouslySet

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

比如说

  • 访问用户配置文件1
  • 用户配置文件说明读取用户配置文件1说明
  • 访问用户档案2
  • 用户配置文件说明读取用户配置文件1说明用户配置文件2说明
    • 我的代码都是在我的组件的渲染函数中运行的，所以当状态更新时应该重新渲染

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

    render（）{
返回(
概况1

    
)
}

    原来
    这个.props.profile.description
    是用
    标记包装的HTML。这导致
    p
    标记嵌套在
    p
    标记中，从而导致出现本文所述的问题-
    
经验法则是永远不要在
    标签上使用危险的LysetinerHTML
    
我花了很长时间才找到这个问题的根源，并认为值得将其传递下去