在styled-component 4.X版本中injectGlobal API除去,用 createGlobalStyle替换了之前的injectGlobal
使用方法:
import { createGlobalStyle } from "styled-components";
export const Globalstyle = createGlobalStyle`
body{
margin:0;
padding:0;
font-family:sans-serif;
background:pink;
}
`;
在项目主文件引入,然后把Globalstyle以样式组件的方式当作标签引入
import React from "react";
import { Globalstyle } from "./style";
function App() {
return (
<div>
<Globalstyle />
Learn React
</div>
);
}
export default App;
网友评论