Eine JSON-Datei in react.js lesen

Question

Ich muss JSON-Datei mit React.js lesen, die auf dem lokalen Laufwerk in Mac gespeichert ist. Ich habe versucht, mit fetch() api, aber ich bekomme Daten undefiniert. Heres mein Code.

fetch('http://localhost:300/107k.json') 
    .then(req => console.log(req)) 
    .then(data => console.log(data)) 

Ich bekomme Daten als undefiniert. Wie kann ich die JSON-Datei in react.js lesen?

Answer 1

Verwenden Sie einfach import statt

import react from 'react' 

//... rest of imports 

import MyJson from '../path/to/json/107k.json'; 

Answer 2

Die json() -Methode des Körper mixin einen Antwortstrom nimmt und liest es bis zur Fertigstellung. Es gibt ein Versprechen zurück, das mit dem Ergebnis der Analyse des Textkörpers als JSON aufgelöst wird.

fetch('http://localhost:300/107k.json') 
    .then(res => res.json()) 
    .then(data => console.log(data))