react-iframe-bind:在 iframe 之间共享组件

时间:2021-06-10 17:49:02
【文件属性】:
文件名称:react-iframe-bind:在 iframe 之间共享组件
文件大小:575KB
文件格式:ZIP
更新时间:2021-06-10 17:49:02
JavaScript iframe 绑定 在 iframe 之间共享组件并保持同步 用法 npm install npm start open http://localhost:3000 关于 这个演示演示了一些事情: 用于在商店和组件之间进行通信的模式。 通过将父 iframe 上的组件class暴露在父级的window对象上并使用子级的React实例对其进行实例化,从而与同一域中的子class共享父 iframe 上的组件class 。 它将使用来自父存储的数据呈现,而在子上处理 DOM。 重新加载子框架时,子框架将与父框架保持同步。 并且不应在父级上留下对卸载子级的引用。 你可以不同意这样的角一条指令,但这个演示告诉你如何与共享factory I帧之间并结合消化周期一起 使用窗口消息事件与从不同域加载的 iframe 通信的组件(安全限制防止域之间共享对象)。 孩子有自己的商店,所以如果你重新加载这
【文件预览】:
react-iframe-bind-master
----.eslintrc(159B)
----style()
--------frame1.scss(356B)
--------main.scss(2KB)
----package.json(1020B)
----server.js(395B)
----index.html(131B)
----LICENSE(1KB)
----index2.html(197B)
----.gitignore(49B)
----webpack.config.js(1KB)
----index3.html(206B)
----README.md(3KB)
----.jshintrc(75B)
----scripts()
--------dispatcher()
--------index.js(143B)
--------windowMessage.js(488B)
--------constants()
--------index3.js(225B)
--------components()
--------App.js(1KB)
--------index2.js(219B)
--------stores()
--------actions()
----build()
--------main.bundle.js(944KB)
--------some.bundle.js(737KB)
--------all.bundle.js(943KB)

网友评论