Warum werden meine Klassennamen entfernt?

Question

Ich lerne Reactjs, und ich Rendere eine einfache Seite mit einigen Komponenten. Eine dieser Komponenten ist dies:

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

export default Header 

ich bootstrap css bin mit mir die div im Sammler- will die Stile von container, zu verwenden, wie auch immer, nach dem Bauprozess, wird die Klasse gegangen.

Gibt es eine Möglichkeit, die Attributklasse in den Komponenten zu erzwingen?

Answer 1

sollten Sie verwenden className Attribut statt class z:

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

prüfen Supported Attributes in der Dokumentation.

Alle Attribute sind Kamel verrohrt und die Attribute und classfor sind className und htmlFor jeweils die DOM API-Spezifikation zu entsprechen.

Hoffe das hilft.