欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

dva 引入的css無效

錢良釵2年前8瀏覽0評論

在使用dva作為react應用框架時,我們經常會遇到引入的CSS無效的問題。這個問題的根本原因是在dva框架中,CSS Modules默認是開啟的,而且使用了hash命名規則,導致我們引入的CSS樣式在構建之后被自動修改,失去了原本的名稱和屬性。

// index.css
.header {
color: red;
}

上述代碼表示,在index.css中我們定義了一個具有red顏色的.header樣式。但是在dva框架中,這個樣式文件的后綴會被加上hash值,變成"index_a7d63.css",而.header樣式也被替換成了"header_1xj2h"樣式。

為了解決這個問題,我們需要使用dva提供的className類名獲取方法,來動態獲取樣式。我們可以通過以下方式進行修改:

//index.js
import styles from './index.css'
function App() {
return (
Hello World!
) }

上述代碼表示,在index.js中,我們通過import導入了index.css的樣式,并使用styles.header來動態獲取.header樣式。

通過這種方式,我們就可以在dva框架中正確引入和使用CSS樣式,有效解決引入CSS無效的問題。