styled-components中弃用injectGlobal的解决

最新推荐文章于 2024-08-04 22:01:55 发布

原创最新推荐文章于 2024-08-04 22:01:55 发布 · 3.6k 阅读

9 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了解决在使用styled-components4.x版本时遇到的'injectGlobal'方法不再存在的问题。作者详细解释了如何使用新的createGlobalStyle方法来替代，并提供了具体的代码示例。

编译错误提示: 'injectGlobal' is not exported from 'styled-components'
原因: styled-components 4.x版本将原来的injectGlobal方法用createGlobalStyle替换了。用法上也有一些不同,如下

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

import React from 'react';
import {GlobalStyled} from './style.js';
class App extends React.Components{
	render(){
	    return(
	        <div className='App'>
	            <GlobalStyled />
	        </div>
	    )
	}
}