KAPITEL 2

Das Leben einer Komponente

Nachdem Sie nun wissen, wie Sie mit den fertigen DOM-Komponenten arbeiten können, sollen Sie im Folgenden erfahren, wie Sie selbst welche bauen können.

Minimalversion

Die API zum Erstellen einer neuen Komponente sieht so aus:

var MyComponent = React.createClass({

/* Spezifikation */

});

Bei der »Spezifikation« handelt es sich um ein JavaScript-Objekt, das eine Methode render() besitzen muss und eine Reihe optionaler Methoden und Eigenschaften haben kann. Ein minimales Beispiel kann so aussehen:

var Component = React.createClass({

render: function() {

return React.DOM.span(null, "Ich bin so neugierig");

}

});

Wie Sie sehen, muss zwingend nur die Methode render() implementiert werden. Diese muss eine React-Komponente ...

Get Durchstarten mit React now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.