头部样式反应框架组件不起作用答案

【问题标题】：Head style react-frame-component doesn't work头部样式反应框架组件不起作用
【发布时间】：2017-12-03 01:23:32
【问题描述】：

我一直在尝试使用样式和链接将样式应用于我的代码的 head 元素，因为它在文档中 (https://developer.zendesk.com/blog/2014/05/13/rendering-to-iframes-in-react/)，但没有什么可以帮助我。我一直想知道是我的代码还是这个组件有问题。我真的不想在这个文件中写下所有样式，因为它太长了。

        <Frame     
            initialContent={'<!DOCTYPE html><html><head><link rel="stylesheet" type="text/css" href="sass/editor.css" /> </head><body><div id="sagentВody"></div></body></html>'}
            mountTarget='#sagentВody'
            id = "sagent-iframe"
            style={ styles }
        >    

        </Frame>

【问题讨论】：

解释head 元素，您是否要设置<head></head> 的样式？
是的，之前的
你不能设置<head></head>的样式，它的工作是为文档（developer.mozilla.org/en-US/docs/Web/HTML/Element/head）提供元数据。

标签： css reactjs head

【解决方案1】：

我认为 React Helmet 可以满足您的需求。

github

源代码非常简单，如果你想知道它是如何工作的，我建议你看看那里。

【讨论】：