createGlobalStyle 不渲染子级 - React JS

【问题标题】：createGlobalStyle does not render children - React JScreateGlobalStyle 不渲染子级 - React JS
【发布时间】：2022-11-14 03:32:00
【问题描述】：

尝试 http://localhost:3000/ 时不显示输出

无法理解如何解决此问题并打印所需的输出

期望在浏览器上打印一个黑框，因为用“theme.colos.bg:#000”的 css 代码编写

【问题讨论】：

请出示代码

标签： javascript reactjs styled-components react-component react-css-modules

【解决方案1】：

createGlobalStyle 创建一个注入/设置全局 CSS 默认值的组件，但没有采取并呈现任何孩子。它是一个独立的组件，与您的应用程序代码/JSX 一起呈现。

createGlobalStyle

import { createGlobalStyle } from 'styled-components';

const GlobalStyle = createGlobalStyle`
  ... default CSS ...
`;

// later in your app

<React.Fragment>
  <GlobalStyle />
  ... your app components here
</React.Fragment>

【讨论】：