我使用 FileName.module.scss 来为我的 React 元素添加样式,代码如下:
这是我的SCSS代码:
// this is my component
import React from "react";
import Aux from '../../hoc/Aux';
import classes from './Layout.module.scss';
const layout = (props) => (
<Aux>
<div>Toolbar, SideDrawer, Backdrop</div>
<main className={classes.Content}>
{props.children}
</main>
</Aux>
);
export default layout;
这是我的SCSS代码:
.Content {
margin-top: 72px;
color:red;
}
我不知道为什么,但是scss没有应用到我的主要元素上,有什么想法吗?谢谢!
npm install sass
" - Sri