Dev Faq
0
votes

Afficher les données d'un fichier JSON local

J'apprends à coder à réagir à partir de Tyler McGinnis 'React Course (ce que j'ai fortement Recommandez BTW) et j'ai décidé de développer mon propre projet, un site Web d'administration universitaire, qui peut être affiché dans différentes langues.

Jusqu'à présent, j'ai développé la page de connexion, s'il vous plaît Notez que j'utilise Babel < /strong ,:





Je voudrais afficher le site Web dans la langue sélectionnée en fonction des informations stockées dans un fichier JSON local: xxx

J'ai essayé plusieurs solutions que je ' J'ai trouvé sur Internet, mais aucun d'entre eux n'a travaillé pour moi.

J'ai essayé d'importer un fichier JavaScript contenant une donnée JSON (voir ci-dessous) et importer un fichier JSON lui-même (voir JSON ci-dessus). xxx

thu s, j'ai 2 questions:

  • Quelle serait la meilleure façon de faire ce que j'essaie de faire?
  • Comment puis-je afficher les données JSON dans LOGIN.JS?
2 commentaires

Il a déjà répondu à ici . Jetez un coup d'oeil s'il vous plait.

Merci de votre réponse, j'importe déjà le fichier à l'aide de JSON-Charger comme spécifié dans le lien, je ne sais pas comment afficher les données de Login.js. Une idée?

3 Réponses :

1
votes

Je pense que vous ne manquez que Exporter code> mot-clé dans vos langues.js Fichier: 

import { languagedata } from './Languages'

3 commentaires

Merci pour votre réponse, j'ai essayé cela, mais je ne vois aucune des données. Peut-être que je n'appelle pas correctement les données de login.js?

Vous avez définitivement language.js fichier dans le même répertoire que votre login.js ? Utilisez-vous WebPack comme serveur de développement?

Oui, je les ai dans le même répertoire, et oui, j'utilise Webpack en tant que serveur de développement.

1
votes

Pour obtenir des données du fichier JSON, vous devez apporter une demande à ce fichier.

p> 

const data = require("YOUR-JSON-FILE-PATH");

1 commentaires

Merci de votre réponse, cependant, corrigez-moi si je me trompe, mais je pense que cela ne s'appliquerait pas comme vous récupérez les données d'un référentiel Web.

1
votes

Vous devez avoir un module JSON-LOADER. Si vous utilisez Create-React-App, il viendra par défaut.

Veuillez regarder ici .

1 commentaires

Merci de votre réponse, j'importe déjà le fichier à l'aide de JSON-Charger comme spécifié dans le lien, je ne sais pas comment afficher les données de Login.js. Une idée?

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO