styled-components 最新版本是v4.1.2，但是從v4開始，就醬原來的injectGlobal方法用createGlobalStyle替換了。用法上也有一些不同了：

我今天直接引injectGlobal照原來的方法使用，就一直報錯

//style.js
import {injectGlobal} from 'styled-components';
injectGlobal`
body{
    margin:0;
    padding:0;
    background:red;
}
`

說styled-components庫裡沒有丟擲這個方法，不對啊，以前是這樣用過的，後來一查，原來是被棄用了。

emmmm，怎麼辦呢，還得用呀，不過人家又提供了個新的方法。createGlobalStyle，真真是見名知意了。

//style.js
import {createGlobalStyle} from 'styled-components';
export const GlobalStyled = createGlobalStyle`
body{
    margin:0;
    padding:0;
    background:red;
}

//在專案主檔案（總容器）下引入,我這裡用的是App.js
import React from 'react';
import {GlobalStyled} from 
 
'./style.js';
class App extends React.Components{
render(){
    return(
        <div className='App'>
            <GlobalStyled />
        </div>
    )
}
}

噹噹噹，大功告成了！ 紅紅火火恍恍惚惚