Qu'est-ce que l'état et les props dans le contexte du développement React?

L'état — c'est l'état interne du composant, un ensemble de données qui peut changer au cours du fonctionnement du composant. La modification de l'état entraîne une nouvelle renderisation du composant.

Props — ce sont des paramètres externes passés au composant depuis l'extérieur, du composant parent. Les props sont immuables à l'intérieur du composant qui les reçoit. Elles sont utilisées pour la configuration et le transfert de données du parent à l'enfant.

Principales différences :

Caractéristique	État (State)	Props
Source	Interne au composant	Transmis de l'extérieur
Modifiabilité	Peut changer	Ne peut pas changer à l'intérieur
Objectif	Contrôler la vue interne	Transmettre des données et la configuration

Exemple d'utilisation de state :

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Initialisation du state

  return (
    <div>
      <p>Compteur : {count}</p>
      <button onClick={() => setCount(count + 1)}>Augmenter</button>
    </div>
  );
}

Exemple d'utilisation de props :

import React from 'react';

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

function App() {
  return <Greeting name="Monde" />; // Passage des props
}