这是我第一次在React遇到这种情况,我想知道应该朝哪个方向发展。
我有两个不同的应用程序,一个在AngularJS(1.x)中,另一个在React / Redux中。
Angular中的应用程序(较旧)是一种具有不同模板的CMS。
React中的一个是一个新的应用程序,它应该为用户提供选择不同模板的选项。
基本上,我正在做的是通过ExpressJS静态页面创建ex:express.static(__dirname + '/live-pages/')
(对于Angular应用程序),然后使用iframe加载具有不同模板的AngularJS应用程序。
现在我很难理解删除此iframe的最佳方法,并使用旧时尚的AJAX方式将HTML附加到页面。
首先要解决的问题是在状态模型ex:"template": "<html>...</html>"
中创建一个新属性,然后使用属性dangerouslySetInnerHTML
。但它似乎不是正确的事情,这个页面附带HTML,CSS和Javascript。页面的内容也可能非常大。
如何在这种情况下在React / Redux应用程序中替换我的iframe?