我正在学习Reactjs,并且正在渲染一个包含一些组件的简单页面。该组件之一是:
class Header extends React.Component { render(){ return ( <header> <div class="container"> <Logo /> <Navigation /> </div> </header> ); } } export default Header
我使用的是 Bootstrap CSS, 我希望div标题的内部使用的样式container,但是在构建之后,该类消失了。
div
container
有没有一种方法可以在组件中强制使用属性类?
您必须使用className属性而不是class属性,例如:
className
class
class Header extends React.Component { render() { return ( <header> <div className="container"> <Logo /> <Navigation /> </div> </header> ); } }
检查文档中的“ 支持的属性 ”列表。
所有属性均为驼峰式,而属性class和for分别为className和和htmlFor,以匹配DOM API规范。
for
htmlFor