Reactjs 将类添加到元素

我正在尝试将类名添加到元素中，但它不起作用。我是否缺少JSX组件

import { h, Component } from 'preact';
import { Link } from 'preact-router/match';
import style from './style';

export default class Header extends Component {
        render() {
                return (
                        <header class={style.header}>
                                <h1>Lancaster County Apple Corps</h1>
                                <img class="site-icon" src="assets/icons/icon-128x128.png" alt="LCAC site icon" />
                                <nav>
                                        <Link activeClassName={style.active} href="/">Home</Link>
                                        <Link activeClassName={style.active} href="/benefits">Benefits</Link>
                                        <Link activeClassName={style.active} href="/cost">Cost</Link>
                                        <Link activeClassName={style.active} href="/memberForm">Member Form</Link>
                                        <Link activeClassName={style.active} href="/meetingNotes">Meeting Notes</Link>
                                        <Link activeClassName={style.active} href="/links">Links</Link>
                                </nav>
                        </header>
                );
        }
}

从'preact'导入{h，Component}；
从'preact router/match'导入{Link}；
从“./style”导入样式；
导出默认类头扩展组件{
render（）{
返回(
兰开斯特县苹果公司
家
利益
成本
会员表格
会议记录
链接
);
}
}

应该是

className

而不是

class

假设你有

.header.site图标{width:45px；}

在上面评论的样式中，你能试试

吗？

是的，你必须使用

类名

来设置HTML的

类

属性。我试过了，但它仍然没有应用样式。在你的样式css中你有一个名为

.header}的类吗

？.header.site图标{width:45px；}您将站点图标

class

更改为

className

？如果是这样，我不知道。尝试导入完整样式的url，例如，

/style.css

您仍然使用class而不是classname: