Question

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

Layouts.css

.Content {
    margin-top: 16px;
}

Layouts.js

import React from 'react';
import Auxillary from './../../hoc/Auxillary'
import classes from './Layouts.css'

const Layout = (props) => (
    <Auxillary>
        <div>
            Toolbar,Sidebar,Backdrop
        </div>
        <main className={classes.Content}>
           {props.children}
        </main>
    </Auxillary>
);
    
export default Layout;

Answer 1

您是否尝试过制作className='Content'

Answer 2

如果要使用类。内容，您必须这样命名Layout css文件

Layouts.module.css

添加CSS以响应组件

2 个答案: