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

小编典典

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

reactjs

我正在学习Reactjs，并且正在渲染一个包含一些组件的简单页面。该组件之一是：

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

export default Header

我使用的是 Bootstrap CSS， 我希望div标题的内部使用的样式container，但是在构建之后，该类消失了。

有没有一种方法可以在组件中强制使用属性类？

阅读 296

2020-07-22

共1个答案

小编典典

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

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

检查文档中的“ 支持的属性 ”列表。

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

2020-07-22