-
示例应用程序react-portals-mutations展示了React Portal和JS Mutation Observer功能的运用
资源介绍
使用React Portal和Mutation Observer突破矩阵
这是的的示例应用程序。
该应用程序演示了JavaScript Mutation Observer和React Portal的用法,可轻松修改托管React应用程序的外部父应用程序的任何部分。
单击按钮时,将新节点添加到外部父应用程序。 React app会看到这个新节点,并在其旁边添加一个cat图标。
动机
如果您完全控制SPA的所有部分,那么如今构建SPA并不是什么大不了的事情。 将您JavaScript代码的某些部分集成到现有应用程序中通常要困难得多。 使用React Portals和Mutation Observer,它就像构建自己的应用程序一样容易。
安装
在本地项目目录中,运行yarn来加载模块。
运行yarn start启动该应用程序。