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

每个项目产品都要加埋点，加500行埋点是不是会占用你一两天的时间而且很容易犯错,想只用一小时准确加完这500行埋点剩下一天喝茶聊天么？来试试这520web工具, 高效加埋点，目前我们公司100号前端都在用，因为很好用，所以很自然普及开来了，推荐给大家吧

http://www.520webtool.com/

自己开发所以免费，埋点越多越能节约时间，点两下埋点就加上了，还不会犯错，里面有使用视频，反正免费 😄

在以前的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>

);