CSS React.JS 中的模块
CSS Modules in React.JS
我正在使用 create-react-app 包的版本 3。但我的风格不适用
import style from './App.css'
我猜你只想导入并应用样式，对吧？
如果你只想使用 css 你可以直接导入它，像这样：
import './App.css'
并且会应用！
试试这个。
import './App.css';
添加您的代码。
请阅读这篇关于向 CRA 添加样式表的 link。
https://create-react-app.dev/docs/adding-a-stylesheet/
总而言之，你应该写import './App.css'
保存 css 扩展名为 module 的文件。
App.module.css
然后像这样导入：
import style from './App.module.css'
最后，像这样应用您的样式：
<div className={style.container}> Hello World! </div>
如果您想轻松地将样式应用于现有代码，可以使用 patch-styles package. See the example of usage in StackBlitz。它引入了一种更具声明性的方式来应用您需要用 <PatchStyles classNames={style}> 包装代码的样式，其中 style 是样式模块的默认导入。
我正在使用 create-react-app 包的版本 3。但我的风格不适用
import style from './App.css'
我猜你只想导入并应用样式，对吧？
如果你只想使用 css 你可以直接导入它，像这样：
import './App.css'
并且会应用！
试试这个。
import './App.css';
添加您的代码。
请阅读这篇关于向 CRA 添加样式表的 link。 https://create-react-app.dev/docs/adding-a-stylesheet/
总而言之，你应该写import './App.css'
保存 css 扩展名为 module 的文件。
App.module.css
然后像这样导入：
import style from './App.module.css'
最后，像这样应用您的样式：
<div className={style.container}> Hello World! </div>
如果您想轻松地将样式应用于现有代码，可以使用 patch-styles package. See the example of usage in StackBlitz。它引入了一种更具声明性的方式来应用您需要用 <PatchStyles classNames={style}> 包装代码的样式，其中 style 是样式模块的默认导入。