我正在学习Reactjs,并且正在渲染一个包含一些组件的简单页面。该组件之一是:
class Header extends React.Component {
render(){
return (
<header>
<div class="container">
<Logo />
<Navigation />
</div>
</header>
);
}
}
export default Header
我使用的是Bootstrap CSS,我希望div
标题的内部使用的样式container
,但是在构建之后,该类消失了。
有没有一种方法可以在组件中强制使用属性类?
您必须使用className
属性而不是class
属性,例如:
class Header extends React.Component {
render() {
return (
<header>
<div className="container">
<Logo />
<Navigation />
</div>
</header>
);
}
}
检查文档中的“支持的属性”列表。
所有属性都是骆驼套管和属性
class
,并for
为className
和htmlFor
分别,以匹配DOM API规范。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句