Quels sont les deux principaux types de composants dans React?

Il existe deux principaux types de composants en React:

1. Composants fonctionnels (Functional Components) — ce sont des fonctions qui prennent des props et retournent du JSX. Ils sont plus simples et légers, surtout avec l'apparition des hooks, qui permettent d'utiliser l'état et d'autres fonctionnalités de React.

2. Composants de classe (Class Components) — ce sont des classes ES6 qui héritent de React.Component et disposent de méthodes de cycle de vie, d'état (state) et d'autres capacités.

Exemple d'un composant fonctionnel :

function Greeting(props) {
  return <h1>Bonjour, {props.name}!</h1>;
}

Exemple d'un composant de classe :

class Greeting extends React.Component {
  render() {
    return <h1>Bonjour, {this.props.name}!</h1>;
  }
}