问题标签 [react-frame-component]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
iframe - Ace 编辑器在 iframe 中不起作用（react-frame-component）
tl;dr问题演示
我正在尝试通过 React 16 将Ace Editor集成到 iframe 中。我正在使用react-ace组件库，但如果我也以本机方式实现该编辑器，则会存在此问题。
尽管当我将编辑器包装在react-frame-component中时一切正常，但我无法选择使编辑器无法使用的突出显示文本。我怀疑这可能与react-frame-component使用 Portals 实现的事实有关，但我不确定到底是什么问题。
我在这里复制了这个问题。如果我使用<iframe src />来自另一个域的常规加载组件，我认为不存在此问题。
reactjs - 为什么 react-frame-component iframe 的 body 变空了？
想象一下，渲染多个iframes（使用react-frame-component）并允许用户重新排序它们。
令人惊讶的是，当iframe重新排序 s 时，<body>其中之一的 s 变为空。
我在这里提出了一个问题，但想知道也许这里的某个人也能提供帮助，因为最近在 repo 上没有太多活动。
单击按钮后， firstiframe的<body>变为空。
reactjs - 如何将样式化组件注入到 React iframe
我正在构建一个 chrome 扩展，我需要使用 iframe 进行样式隔离，特别是“react-frame-component”，并且我使用 styled-components 作为样式，但生成的类没有注入 iframe，关于如何我可以将它们注入 iframe 吗？
webpack - 在 create-react-app 中使用带有 react-frame-component 的 scss
我们有一个 create-react-app，它使用react-frame-component来渲染页面的一部分，完全独立于页面的其余部分。
我们一直在框架内使用 css 文件将样式应用于组件。这可以通过向 Frame-component 提供带有 css 文件的 -tags 的 initialContent-property 来完成，如下所示（取自https://github.com/ryanseddon/react-frame-component/issues/74#issuecomment- 347710246 )
现在我们也希望能够使用 scss 文件。
问题是在应用程序中导入 scss 文件时，它们将应用于父框架而不是内部框架（当然），无论您在哪个组件中导入它们。
所以我们需要一种方法来触发 scss 文件的编译并获取返回的已编译 css 的路径，然后我们可以将其作为字符串提供给 Frame-component（就像我们已经使用 css-files 所做的那样） .
我们已经在使用 craco 来覆盖一些 cra-config。
所以我考虑为某些后缀的 scss 文件应用一个 scss 编译器和一个文件加载器。
这是我的 craco.config.js：
文件在
它是这样包含的：
但我不断得到
javascript - React-Iframe-Component 在 srcDoc 更新上重新渲染不起作用？
下面是我的代码。currentHtmlBlocks -> 它是数组中的 html 列表。（例如['<div>1</div>', '<div>2</div>', <div>3</div>])
当数组使用数组内的新 HTML 条目更新时，如何重新渲染？