Reactjs 用CSS加载器保存类名，还是在React中组织代码？

在使用CSS和样式加载器时，如何使用自己的类名？我正在使用React，我经常会对所有的类名和相关组件感到困惑。如果不建议保留类名，我如何组织代码，使其不会变得凌乱？

您可以使用普通的

类名

，然后导入具有这些类样式的相对

.css

文件。大概是这样的：

MyComponent.js

...
import '/path/to/css/style.css'
...
render() {
  return(<div className="MyComponent">Hello</div>);
}
...

虽然你负责命名你的类，确保没有冲突，并且所有的东西都被正确命名（你可以按照BEM techinque或者其他你喜欢的方法来命名），但是这种方法可以很好地工作

否则，我不会详细解释其他方法，因为相关文档很棒，不需要添加任何内容

您可以使用或。还有一个网站对这些方法有很好的概述，可以帮助您做出最终决定

...
.MyComponent {
  width: 100px;
  background-color: red;
  ...
}
...