Comment utiliser JSON vers JavaScript PropTypes
- Collez un exemple JSON représentatif, idéalement un avec tous les champs optionnels remplis.
- Définissez le nom du type racine, et décidez si vous voulez aussi du code auxiliaire ou uniquement les types.
- Copiez le code JavaScript PropTypes généré dans votre projet.
À propos de JSON vers JavaScript PropTypes
Écrire des classes de modèle à la main pour une grosse charge utile JSON est fastidieux, et c'est là que les fautes de frappe s'installent. Collez un exemple ici et le générateur déduit la structure : quels champs existent, lesquels sont des objets, lesquels sont des tableaux et quel type a chaque valeur. La sortie est des formes React PropTypes, prêtes à être assignées à un composant.
Les PropTypes vérifient les props à l'exécution uniquement dans les builds de développement, et sont ignorés en production. Tout s'exécute dans votre navigateur, donc vos données d'exemple restent sur votre machine.
Utiliser le code généré
Importez la forme exportée et utilisez-la comme MyComponent.propTypes = { data: RootShape }.
Les valeurs optionnelles sont laissées sans isRequired, donc elles acceptent undefined et null.