Question

我有header.js这样的文件：

import React, {Component} from 'react';
import Classes from '../css/style.css';

class Header extends Component {

    render() {

        return (
            <header>
                <div className={Classes.logo}>Logo</div>
            </header>
        )
    }
}

export default Header;

未加载类名logo的问题，在浏览器中检查后，html如下所示：

<div>Logo</div>

为什么会这样？

Answer 1

使用{Classes.logo}意味着您有一个名为Classes的有状态对象，其logo属性

您所拥有的只是导入了一个没有动态状态的CSS文件，因此您只需要在此标记上加载一个类的字符串

className="logo"

CSS的位置

.logo {}

为什么我的css类没有加载？

1 个答案: