使用YT iframe为每个状态更改生成AJAX的原始htm做出危险的setInnerHTML

Question

我使用dangerouslySetInnerHtml渲染原始html

class DangerousPDescComp extends Component {
constructor(props){
    super();
    console.log(props);
}

componentWillReceiveProps(props){
    console.log('---->',props);
}

shouldComponentUpdate(props,state){
    if(nextProps.pdpSelectedData.heroProduct.pogID === this.props.pdpSelectedData.heroProduct.pogID){
        return false;
    }
    return true;
}

render(props, state){
    return(
        <div dangerouslySetInnerHTML={{__html: this.props.pDesc}} class={"descriptions marT15 " + (this.props.showProductDesc ? " ":"hidden") } ></div>
    )
}

}

导出默认DangerousPDescComp;

这很好用，但是当父组件状态改变时触发渲染时，它正在进行azax调用并获取所有YT组件资源，从而利用带宽。我已经使用了shouldcomponentupdate并且在已经渲染了cmponent时返回false，但是状态变化的下一个tym将不会被调用，因此组件不会出现。 请求帮助 有关详细信息，请参阅图片