美文网首页
关于injectGlobal被弃用的问题

关于injectGlobal被弃用的问题

作者: 阿羡吖 | 来源:发表于2020-05-15 16:03 被阅读0次

    在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;
    

    相关文章

      网友评论

          本文标题:关于injectGlobal被弃用的问题

          本文链接:https://www.haomeiwen.com/subject/scgcohtx.html