🧾 PropTypes pour le Typage des Props

PropTypes est une bibliothèque de validation de types pour les props dans React. Il permet de spécifier le type de chaque prop que votre composant attend. Si un prop est passé avec un type incorrect, PropTypes affiche un avertissement dans la console.

Voici comment vous pouvez utiliser PropTypes pour typer les props d’un composant :

import PropTypes from 'prop-types';
 
export function Welcome({ name }) {
	return <h1>Hello, {name}</h1>;
}
 
Welcome.propTypes = {
	name: PropTypes.string.isRequired,
};
 
export default Welcome;

Dans cet exemple, nous avons ajouté une propriété propTypes au composant Welcome. Cette propriété est un objet qui décrit les types de chaque prop. Ici, nous avons indiqué que le prop name doit être une chaîne de caractères (PropTypes.string).

L’option isRequired signifie que le prop est obligatoire. Si vous essayez d’utiliser le composant Welcome sans passer le prop name, PropTypes affichera un avertissement dans la console.

Il est important de noter que PropTypes effectue des vérifications au runtime (pendant le développement) et affiche des avertissements dans la console ; ce n’est pas une vérification de type à la compilation. Pour un typage statique robuste, préférez TypeScript.