keine Klassen in JSX über reactify

Question

Ich versuche, die folgende Komponente zu machen:

function deviceready() { 
    ReactDOM.render(
    <div class="container"> 
     <h1>Hello <small>World</small></h1> 
     <button class="button-primary" onclick="initFacebook()">Login with Facebook</button> 
    </div>, 
    document.getElementById('frame') 
); 
} 

... Mit dem reactifygulp Plugin. Die Attribute werden jedoch nicht kompiliert. class="container" und class="button-primary "und onclick="initFacebook()" erscheinen nicht in meinem generierten HTML.

Ich bin mir bewusst, dass custom attributes are not supported aber diese Attribute von HTML-Spezifikation definiert sind. Alle Ideen, was ich falsch mache?

Answer 1

Hinweis auf die Unterschiede hingewiesen . aus in JSX in-depth Artikel Facebook-

class sollte className

Beachten Sie auch die Event System, die prop Namen nicht übereinstimmen genau mit dem HTML Attributnamen

onclick sollte onClick