Javascript 如何使用React在iframe中编辑样式？

我需要在react组件中渲染一个iframe，但希望在其中隐藏一个元素。但iframe的域是外部的

是否有任何方法可以在

iframe

中插入自定义CSS并执行我需要的操作

以下是我的组件：

从“React”导入React
const ExampleComponent=（）=>{
报税表（
);
}
导出默认示例组件；

还有我想注入的css：

app头{
显示：无；
}

U应该

jsx

。您可以在

iframe

标记中提供

**className**

属性，您可以在其中编写一些

jsx

代码，或者您可以创建类并在className中提供它。例如：

style.css：

.Burger{
width:100px;
height:100px
}

反应文件：

import classesfrom 'your.css.file.path.css';

<iframe className={classes.Burger}>

从'your.css.file.path.css'导入类；

此外，您还可以通过此链接查看其他方式，以推进我们的组件样式：

---

我不想设置iframe的样式，我想在iframe中设置页面内容的样式。也许你可以在iframe中创建其他自定义组件，并为其提供自定义css。或者您可以包装iframe并对其进行配置。