React中的CSS局部引入過程是什么

發布時間：2023-05-10 15:20:17 來源：億速云閱讀：127 作者：iii 欄目：開發技術

這篇文章主要介紹了React中的CSS局部引入過程是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇React中的CSS局部引入過程是什么文章都會有所收獲，下面我們一起來看看吧。

在新項目創建好時，使用命令yarn eject，顯示配置文件

打開config/webpack.config.js

在檢測CSS的地方(426行)添加如下

modules: true,
getLocalIdent: getCSSModuleLocalIdent,

使用：

import style from './TestCss.css';
<span className={style.one}>hello</span>
<span id={style.two}>world</span>

1、安裝node-sass包 yarn add node-sass

2、創建sass文件(以.scss為后綴名，在內部寫css代碼)

.TestSass {
span {
    color: red;
    }
}

3、引入對應的JS文件或者JSX文件

import 'TestSass.scss'

React中的CSS局部引入過程是什么

//修改對象屬性名字，前面是被修改的屬性名字，后面是修改后的屬性名
JSON.parse(JSON.stringify(item).replace(/_id/g, "key"))

關于“React中的CSS局部引入過程是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“React中的CSS局部引入過程是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站