🧾 PropTypes pour le Typage des Props

PropTypes est une bibliothèque de validation de types pour les propsprops
Propriétés passées d'un composant parent à un composant enfant en React. dans ReactReact
Bibliothèque JavaScript créée par Meta pour construire des interfaces utilisateur à base de composants.. Il permet de spécifier le type de chaque prop que votre composantcomposant
Bloc réutilisable d'interface utilisateur dans React, défini comme une fonction ou une classe. 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 TypeScriptTypeScript
Sur-ensemble typé de JavaScript qui ajoute un système de types statiques..