在create react app文档中，它说 App.css 是在 App.js 中导入的。还有一种方法可以从组件加载已编译的 css 文件吗？
// 我的视图组件
import styles from '../../App.css';
在 React 应用程序中导入 CSS
IT技术
reactjs
2021-05-06 21:29:55
2个回答
您可以在组件中导入如下所示的 css 文件
导入'./header.css';
Imagine your header.css file looks like
.header {
background-color: rgb(49, 118, 197);
height:100px;
border:10px solid red;
}
To use the style, you can use the class like ,
<div className="header">Hello World</div>
希望这可以帮助 ：）
对于 css 文件，您可以像这样导入它们
import "../../App.css"
这将导入该文件中的所有选择器和 CSS 规则。
如果您尝试使用以下内容为组件中的单个元素设置样式：
<div style={myStyles.wrapper} />
那么你需要从文件中导出一个 JS 对象
前任：
export default {
wrapper: {
background: "red"
}
}
然后你可以导入它并使用它
import myStyles from "../myStyles.js"
<div style={myStyles.wrapper} />