第七章中的style-component

来源：7-1 项目目录搭建，Styled-Components 与 Reset.css 的结合使用

yjies

2019-12-12

你好，请问一下第七章中的style-component里的injectGlobal好像已经不能用了。
目前是用createGlobalStyle. 请问具体应该如何应用在style.js中？谢谢

写回答

2回答

27网络

2020-02-09

// src/style.js

import { createGlobalStyle } from 'styled-components';
const GlobalStyle = createGlobalStyle`
  body {
    margin: 0;
    background-color: green;
  }
`;
export default GlobalStyle;

// src/App.js

import React from 'react';
import GlobalStyle from './style';

function App() {
  return (
    <React.Fragment>
      <div className="test">
        hello world;
      </div>
      <GlobalStyle />
    </React.Fragment>
  );
}

export default App;