如何在材质 UI 中使用外部 scss 或 css 文件？ （反应）

Question

我在我的反应项目中遇到了外部 css 文件的问题。 我正在使用材质 UI 组件。 在反应组件文件夹中，我为每个组件创建了 css 文件，但是当我硬重新加载站点时它们没有加载。

我想使用外部 css 而不是样式组件或材质 ui 样式语法。

Answer 1

只需在您的组件中导入 css / scss 文件并确保您已添加元素的类。

Answer 2

如果您正在寻找更通用的选项，您可以将 style.css 文件导入主 App.jsx（如果您称其为“App.jsx”）文件。 然后您只需使用className即可访问您的 css。

应用程序.jsx 文件

import './style.css'; // Your path to your style.css    

function App() {
  return (
    <div>React app</div>
  );
}

export default App;