Comment utiliser XML vers JavaScript PropTypes
- Collez un exemple XML 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 XML vers JavaScript PropTypes
Écrire des classes de modèle à la main pour une grosse charge utile XML 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.
Le XML est d'abord converti en JSON de la même manière que dans notre outil XML vers JSON : les attributs reçoivent un préfixe @_ et le contenu texte à côté des attributs s'appelle #text. Les types JavaScript PropTypes sont générés à partir de ce résultat. Les PropTypes vérifient les props à l'exécution uniquement dans les builds de développement, et sont ignorés en production.
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.