老师,最新版的 styled-components v4 已经将原有的 injectGlobal() 方法替换成了 createGlobalStyle()。

来源:7-2 使用 styled-components 完成 Header 组件布局(1)

Joelee_3961274

2020-06-22

写回答

1回答

拉塞尔_大华

2020-06-23

1. 用createGlobalStyle定义全局样式

import { createGlobalStyle } from 'styled-components'


export const Globalstyle = createGlobalStyle` 

body{

  margin: 0;

  padding: 0

 }`

然后按照样式组件引入即可

2. 在项目主文件导入样式

import { Globalstyle } from './style'

 

3.以样式组件的方式当作标签引入

render() {

  return (

    <div>

      <Globalstyle/>

    </div>

);


0
0

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程