Je demande une proposition :

J'ai écrit un composant de formulaire personnalisé dans React. Le composant restitue les entrées de formulaire sous diverses formes (de nombreuses formes différentes).

constructor(props) {
  super(props);
  this.labelClasses = 'form-label animated-label';
  this.inputClasses = 'form-input animated-input';
  this.buttonClasses = 'vary-button';
  this.userInput = '';

  this.state = {
    touched: false,  
    isActive: false,
    amount: '', // all these will be passed down using props or from redux store
    hasError: false,
    required: true,
    inputType: 'number',
    name: 'Field',
    allowVariation: true,
    step: 10,
    importValue: false
  };
}

Les différences entre ces formulaires sont les données qu'ils doivent recevoir de l'utilisateur et comment/ce que le composant du formulaire doit faire avec les données.

Je peux avoir les données pour ces composants de formulaire : (1) fournis sous forme de fichier JSON - (puis utiliser fetch/axios pour obtenir les données). (2) Je peux écrire des objets réels et les importer (à l'aide des importations ES6) sous différentes formes.

Quelle approche sera la meilleure ?

0
mozpider 14 mars 2019 à 21:20

2 réponses

Meilleure réponse

Les deux manières fonctionnent selon un cas d'utilisation.

Si vous avez la possibilité d'utiliser un objet JSON ou JS local comme configuration, sans problèmes de sécurité, vous pouvez utiliser l'importation locale sans problème.

Si les données que vous souhaitez importer peuvent être modifiées et doivent être récupérées à chaque rechargement de page de votre application ou contiennent des informations sensibles, pensez à les stocker sur votre serveur backend et à les récupérer de quelque manière que ce soit (axios, AJAX, récupération, etc.).

0
flppv 15 mars 2019 à 01:35

Cela dépend de ce que vous voulez. Si vous utilisez un fichier JSON, vous pourrez peut-être modifier les données facilement sans trop d'effort.
Si vous codez en dur les données en tant qu'objets, vous devrez reconstruire le projet chaque fois que vous souhaitez modifier les données des formulaires.

Vous ne fournissez pas beaucoup d'informations sur le projet ou sur la manière dont ces données sont utilisées, je ne peux donc pas vraiment vous répondre correctement, mais demandez-vous ceci :
À quelle fréquence les données doivent-elles être modifiées ?
Devrait-il même changer?. Si cela ne devrait pas changer, je pense que le codage en dur est parfait.

Encore une fois, tout dépend du type de projet et de ce que vous essayez exactement de réaliser. Les deux options sont valides.

0
Aviv Biton 14 mars 2019 à 18:41