In React.js kann man eine Komponente auf zwei Arten erstellen: als Funktion oder als Klasse.

1. Funktionskomponente:

Ein einfacher Weg, eine Komponente zu erstellen, ist durch eine JavaScript-Funktion. Diese Art von Komponenten wird als Funktionskomponenten bezeichnet.

```javascript
import React from ‘react’;

function HelloWorld() { return

Hallo Welt

;
}

export default HelloWorld;
```

2. Klassenkomponenten:

Eine andere Möglichkeit, eine Komponente zu erstellen, ist durch eine JavaScript-Klasse. Diese Art von Komponenten wird als Klassenkomponenten bezeichnet.

```javascript
import React, { Component } from ‘react’;

class HelloWorld extends Component { render() { return

Hallo Welt

; }
}

export default HelloWorld;
```
Beide Arten von Komponenten haben ihre Vor- und Nachteile. Funktionen sind etwas einfacher zu schreiben und zu verstehen, aber Klassen bieten mehr Funktionen wie Zustandsverwaltung und Lebenszyklusmethoden.

Eine Komponente kann dann in einer anderen Komponente wie folgt eingefügt werden:

```javascript
import React from ‘react’;
import HelloWorld from ‘./HelloWorld’;

function App() { return (

);
}

export default App;
```

Wie erstelle ich eine Komponente in React.js?

Hallo Welt

Hallo Welt