Die Erstellung einer Komponente in Reactjs kann in zwei Haupttypen unterteilt werden: Funktionskomponenten und Klassenkomponenten.

Funktionskomponenten:

Eine Funktionskomponente ist eine JavaScript-Funktion.

```jsx
function Willkommen(props) { return

Hallo, {props.name}

;
}
```
Sie nimmt ein Argument (props), das ein Objekt mit Daten ist, und gibt ein React-Element zurück.

Klassenkomponenten:

Klassenkomponenten werden mit ES6 (ECMAScript 6) JavaScript-Klassen erstellt. Diese Komponenten kehren React-Elemente in der Render-Methode zurück.

```jsx
class Willkommen extends React.Component { render() { return

Hallo, {this.props.name}

; }
}
```
Sie können komplexere Funktionen als Funktionskomponenten enthalten, wie z.B. Lebenszyklusmethoden und den Konstruktor.

Sobald Sie Ihre Komponente erstellt haben, können Sie sie wie folgt verwenden:

```jsx

```
Mit den obigen Beispielen zeigt React “Hallo, Sara” auf dem Bildschirm an.