向react组件添加CSS

我正在尝试将css添加到新创建的组件中。当我使用内联样式时，它可以工作。但是当我尝试从另一个单独的文件导入css时，它不起作用。下面我提到我的2个文件

Layouts.css

.Content{
边缘顶部：16px；
}

Layouts.js

从“React”导入React；
从“/../../hoc/auxilary”导入辅助
从“./Layouts.css”导入类
常量布局=（道具）=>(
工具栏、侧栏、背景
{props.children}
);
导出默认布局；

如果您想使用类，您是否尝试过制作

className='Content'

内容。您必须像这样命名布局css文件

Layouts.module.css

---

你是如何构建你的应用程序的？静态资产（如css）需要通过资产绑定器（如Webpack）运行才能使用它们。或者，您可以使用jss或类似的东西。我认为您不需要命名导入，只需导入即可。/Layouts.css“如果它对您有效，请不要忘记将其标记为解决方案。也是解决方案的来源。