当我通过<div>
之类的HTML元素或正文添加样式时,它可以工作,但是当我使用.container
进行样式设置时,我看不到所做的更改,将不胜感激
我的authLayout.scss
@import './variables.scss';
* {
margin: 0;
padding: 0;
}
.container {
background-color: red;
color: red;
}
我的组件
import React from 'react';
import '../assets/scss/authLayout.scss';
export default function AuthLayout({ children }) {
return (
<div className="container">
<h1>THIS THE AUTH LAYOUT</h1>
{children}
</div>
);
}
答案 0 :(得分:1)
希望会有所帮助。有关更多资源,请访问:https://scotch.io/tutorials/using-sass-in-create-react-app-v2