Een component maken in React.js kan in verschillende stijlen. Je kan een class component maken of een functionele component. Sinds de introductie van Hooks in React versie 16.8, worden functionele componenten steeds populairder. Hieronder volgen voorbeelden van beide:
1. Class component:
```
import React, { Component } from ‘react’;
class MijnComponent extends Component { render() { return
export default MijnComponent;
```
Je maakt een nieuwe Class die extends (overerft van) de React Component class. In deze class definieer je een render functie die JSX teruggeeft.
1. Functionele component:
```
import React from ‘react’;
function MijnComponent() { return
export default MijnComponent;
```
Bij een functionele component definieer je een functie die JSX teruggeeft.
Opmerking: Zorg altijd dat je ‘React’ importeert in elke component file, zelfs als je het niet expliciet gebruikt in je code. Dat komt omdat JSX uiteindelijk wordt vertaald naar React.createElement() oproepen, en daarom moet React altijd in scope zijn.
