styled-components解決全局樣式'injectGlobal' 廢除的問題

在之前的styled-components中設置全局樣式只須要 引入injectGlobal 便可，然而今天我用injectGlobal 的時候，老是提示不存在，找了半天找到緣由。

The injectGlobal API was removed and replaced by createGlobalStyle in styled-components v4. 用官方的話來說，就是這個API 從如今開始廢除了，換成 createGlobalStyle 新的API ，做爲一個樣式組件出現，按照樣式組件思想，以一個標籤形式被引入。

例如

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>

);