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 React from 'react';
import PropTypes from 'prop-types';
 
function Welcome(props) {
 return <h1>Hello, {props.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 ne fait que vérifier les types à la compilation et ne fournit aucune protection contre les erreurs à l’exécution. De plus, PropTypes est destiné à être utilisé pendant le développement et non dans le code de production.