styled-components解決全局樣式'injectGlobal' 廢除的問題


最新版的 styled-components v4 已經將原有的 injectGlobal() 方法替換成了 createGlobalStyle() ,而且用法也和之前的 injectGlobal 方法不同了。

注意:直接像原 injectGlobal 方法一樣使用不能生效,要定義一個全局樣式變量,這個變量將作為組件插入文檔。

 

具體解決方式:

1. 用createGlobalStyle定義全局樣式

import { createGlobalStyle } from 'styled-components'

export const Globalstyle = createGlobalStyle`

body{

margin:0;

padding:0;

font-family:sans-serif;

background:green;

}

`

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM