Wie neuen Zustand zu lokalem json

Question

Ich habe eine lokale JSON-Datei zu speichern, die für das Laden aller Daten zu App verwendet wird. In einer Komponente lade ich diese Daten constructor() ein. In Funktion addRow() füge ich neues Feld hinzu, aber es ist nur in der lokalen Statusvariablen. Ich möchte es auch zu JSON-Datei hinzufügen, also nach der Aktualisierung wird diese neue Zeile immer noch hier sein.

Ich habe versucht, wie das geht einfach gelöst, aber ich fand es nicht. Wenn Sie etwas über ein Thema wissen, senden Sie es mir.

Answer 1

Sie können aus Sicherheitsgründen nicht vom Browser auf das Dateisystem zugreifen. Wenn Sie nur nach dem Aktualisieren darauf zugreifen möchten, können Sie es in localStorage speichern, wenn Sie den Status ändern und dann verwenden, wenn die Komponente geladen wird, wenn sie nicht definiert ist (Sie können dies in componentDidMount überprüfen). (Der folgende Code ist nicht getestet)

addEmployee(employee) { 
    let newEmployees = this.state.employees.concat([employee]) 
    localStorage.setItem('employees', JSON.stringify(newEmployees)); 
    this.setState({ 
     employees: newEmployees 
    }); 
} 


componentDidMount(){ 
    let newEmployees = localStorage.employees 
    if(newEmployees != undefined){ 
     this.setState({ 
      employees: JSON.parse(newEmployees) 
     }); 
    } 
} 

Wenn Sie das JSON beharrlich speichern wollen, und Sie wollen mehr als in der Lage sein es nach erfrischend zu verwenden, sollten Sie es auf das Backend tun. Sie können den Benutzer auch manuell die Datei speichern lassen (mit einer Download-Aufforderung), wie es beschrieben wird here.

Answer 2

Es gibt keine Möglichkeit, dies über den Client/Browser zu tun, da sie keinen Zugriff auf das Dateisystem haben (Formularsicherheitsüberlegungen). Du wirst es im Backend machen.