css - 为什么我的 css 类不加载？

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

我以前从未见过在 React 中以这种方式使用 CSS 类。这个有用吗？

return (
    <header>
        <div className="logo">Logo</div>
    </header>
)

这假设您的 style.css 中有一个 .logo 类，并且您的 bundler 配置为处理 CSS。