zoukankan      html  css  js  c++  java
  • styled-components解决全局样式'injectGlobal' 废除的问题

    在以前的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>
    );
  • 相关阅读:
    Snuke's Subway Trip
    codevs 1606 台阶
    COGS 2334. [HZOI 2016]最小函数值
    codevs 1052 地鼠游戏
    洛谷 P1091 合唱队形
    洛谷 P1376 机器工厂
    codevs 2618 核电站问题
    vijos 1524 最小监视代价
    洛谷 P1690 贪婪的Copy
    51nod 1135 原根
  • 原文地址:https://www.cnblogs.com/cxx9759/p/9807866.html
Copyright © 2011-2022 走看看