为什么CSS样式不工作在我的div在react js?

Question

我是react js的新手，我在组件中的div遇到了麻烦。由于某些原因，CSS不适合它。谁能告诉我我做错了什么吗?

export const Main = () => {
return (
<div className = "main">
<h1>SO CHEESY</h1>
</div>
)
}

这个组件名为Main.js

.main {
background-color: #161616;
}

这是index.css文件中的样式。这并不是我想要做的，但这只是一个例子。

我已经试过所有我知道的了。我不知道怎么了。

Answer 1

添加到Main.js:

import './index.css';