jsonecho

JSON vers Flow

Collez un exemple JSON et obtenez des types Flow pour lui.

Chargement de l'outil...

Comment utiliser JSON vers Flow

  1. Collez un exemple JSON représentatif, idéalement un avec tous les champs optionnels remplis.
  2. Définissez le nom du type racine, et décidez si vous voulez aussi du code auxiliaire ou uniquement les types.
  3. Copiez le code Flow généré dans votre projet.

À propos de JSON vers Flow

É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 alias de type Flow pour les objets et tableaux.

La sortie commence par le commentaire @flow pour que le vérificateur le prenne en compte. Tout s'exécute dans votre navigateur, donc vos données d'exemple restent sur votre machine.

Utiliser le code généré

Importez les types dans un fichier avec la pragma @flow, par exemple const data: Root = JSON.parse(text).

Les valeurs optionnelles utilisent le type maybe, ?string, qui autorise null et undefined.

Questions fréquentes

De quoi dépend le code Flow généré ?

La sortie est des alias de type Flow pour les objets et tableaux.

Comment analyser du JSON avec le résultat ?

Importez les types dans un fichier avec la pragma @flow, par exemple const data: Root = JSON.parse(text).

Comment les champs optionnels et manquants sont-ils gérés ?

Les valeurs optionnelles utilisent le type maybe, ?string, qui autorise null et undefined.

Le générateur regarde-t-il plus d'un enregistrement ?

Il ne connaît que ce qui est dans votre exemple. Si un champ manque dans votre exemple, il n'apparaîtra pas dans les types, et si une valeur est null dans votre exemple, son type est inconnu. Collez un exemple dans lequel autant de champs que possible sont remplis, ou collez un tableau avec plusieurs enregistrements différents.

Mon JSON est-il envoyé à un serveur ?

Non. Le générateur est téléchargé dans votre navigateur la première fois que vous l'utilisez, environ 1 Mo, et tout s'exécute localement.

Plus dans Données vers classe

Tous les outils →