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

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>
        );
    }
}

检查文档中的" 支持的属性 "列表.

所有属性都是骆驼套管和属性class,并for有className和htmlFor,分别匹配DOM API规范.