styled-components解决全局样式'injectGlobal' 废除的问题

最新版的 styled-components v4 已经将原有的 injectGlobal() 方法替换成了 createGlobalStyle() ，而且用法也和之前的 injectGlobal 方法不同了。

注意：直接像原 injectGlobal 方法一样使用不能生效，要定义一个全局样式变量，这个变量将作为组件插入文档。

 

具体解决方式：

1. 用createGlobalStyle定义全局样式

import { createGlobalStyle } from 'styled-components'

export const Globalstyle = createGlobalStyle`

body{

margin:0;

padding:0;

font-family:sans-serif;

background:green;

}

`