react中iframe多次加载问题
问题描述:使用ant design pro V5,项目内部通过iframe内嵌别的平台,切换菜单时出现iframe多次加载问题。
react中解决方式
ReactDOM.render(<iframe id=domId width="100%" height="100%" src={url} frameBorder={0} onLoad={()=>{ }} />, document.getElementById(domId));
JS中解决方式
var ifr = document.createElement("iframe"); ifr.src = url; ifr.width = "100%"; ifr.height = "100%"; ifr.frameBorder = 0; document.getElementById(domId).appendChild(ifr);