Durchstarten mit React

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 ...