组件引入错误
import 必须在其它所有业务代码前面(意思就是import必须在文档最前面)
styled-components中全局样式的使用
最新版的 styled-components v4 已经将原有的 injectGlobal() 方法替换成了 createGlobalStyle() ,而且用法也和之前的 injectGlobal 方法不同了。
style.js
import {createGlobalStyle} from 'styled-components';
export const GlobalStyle = createGlobalStyle`
body {
margin: 0;
padding: 0;
background: red;
}
`
App.js
function App() {
return (
<>
<GlobalStyle />
hello world
</>
);
}