reactjs - 反应将类添加到元素

Question

我正在尝试向元素添加类名，但它不起作用。我是否缺少 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>
                );
        }
}

Answer 1

应该className不是class。 https://facebook.github.io/react/docs/jsx-in-depth.html

Answer 2

假设你有.header .site-icon { width: 45px; }上面评论的风格，你能试试<header className="site-icon">吗？

Answer 3

您需要使用className而不是class.

如果您想深入了解，请在我的文章中进行解释。