O'Reilly logo

Durchstarten mit React by Stoyan Stefanov

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required