Comment puis-je créer un composant en Reactjs ?

En React.js, un composant peut être créé comme une classe ou une fonction. Voici comment créer un composant de base avec les deux méthodes :

1. Composant basé sur une classe :

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

class MonComposant extends Component { render() { return (

Mon Composant

); }
}

export default MonComposant;
```

Dans cet exemple, nous avons créé un nouveau composant appelé “MonComposant” en étendant la classe `Component` de React. Il comprend une méthode `render` qui renvoie le JSX à afficher lorsque le composant est utilisé.

1. Composant basé sur une fonction :

```
import React from ‘react’;

function MonComposant() { return (

Mon Composant

);
}

export default MonComposant;
```

Dans cet exemple, nous avons créé le même composant en utilisant une fonction plutôt qu’une classe. La fonction retourne le JSX à afficher.

La plupart du temps, vous allez utiliser des composants fonctionnels car ils sont plus simples et plus faciles à tester et à maintenir. Cependant, pour des comportements plus avancés comme le cycle de vie du composant ou l’utilisation de l’état local, vous devrez utiliser des composants basés sur des classes (ou utiliser des Hooks avec des composants fonctionnels).