Question

我正在学习Reactjs，我正在渲染一个包含一些组件的简单页面。其中一个组成部分就是：

class Header extends React.Component {
    render(){
        return  (
            <header>
                <div class="container">
                    <Logo />
                    <Navigation />
                </div>
            </header>
        );
    }
}

export default Header

我正在使用 Bootstrap CSS 我希望标题中的div使用container的样式，然而，在构建之后，课程已经消失了

有没有办法在组件中强制使用属性类？

Answer 1

您必须使用className属性而不是class属性，例如：

class Header extends React.Component {
    render() {
        return  (
            <header>
                <div className="container">
                    <Logo />
                    <Navigation />
                </div>
            </header>
        );
    }
}

查看文档中的 Supported Attributes 列表。

所有属性都是驼峰式的，属性class和for分别为className和htmlFor，以匹配DOM API规范。

为什么反应删除我的班级名称？

1 个答案: