React.JS中的CSS模块

Question

我正在使用create-react-app软件包的版本3。但是我的风格不适用

import style from './App.css'

Answer 1

以module扩展名保存css文件。

App.module.css

然后像这样导入它：

import style from './App.module.css'

最后，像这样应用您的样式：

<div className={style.container}> Hello World! </div>

Answer 2

[请阅读此链接，讨论有关将样式表添加到CRA。https://create-react-app.dev/docs/adding-a-stylesheet/

总之，您应该写import './App.css'

Answer 3

我想您只是想导入并应用样式，对吧？

如果您只想使用css，则可以像这样导入它：

import './App.css'

它将被应用！

Answer 4

尝试一下。import './App.css';添加您的代码。