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

【问题标题】：Why is react removing my class names?为什么反应删除我的班级名称？
【发布时间】：2016-05-08 07:39:51
【问题描述】：

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

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

export default Header

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

有没有办法强制组件中的属性类？

【问题讨论】：

标签： javascript twitter-bootstrap reactjs

【解决方案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 规范。

【讨论】：