Yerel json'a yeni durum nasıl kaydedilir

Question

Tüm verileri uygulamaya yüklemek için kullanılan yerel bir JSON dosyasına sahibim. Tek bileşende bu veriyi constructor()'a yükleyin. addRow() işlevinde yeni alan ekliyorum, ancak yalnızca yerel durum değişkeninde. Ben de json dosyasına eklemek istiyorum, bu yüzden yeniledikten sonra bu yeni satır hala burada olacak.

Bunun nasıl kolay çözüldüğünü bulmaya çalışıyordum ama bulamadım. Bir konu hakkında bilginiz varsa bana gönderin. Onlar dosya sistemi (form güvenlik konuları) erişimi olmadığı için

constructor() { 
    super(); 
    this.state = { 
     employees: require('json!../../../data/employees.json') 
    }; 
    this.addEmployee = this.addEmployee.bind(this); 
} 

addEmployee(employee) { 
    this.setState({ 
     employees: this.state.employees.concat([employee]) 
    }); 
} 

Answer 1

Güvenlik nedeniyle dosya sisteminden tarayıcıya erişemezsiniz. Yenilemeden sonra yalnızca erişmek istiyorsanız, durumu değiştirdiğinizde ve daha sonra bileşen yüklenmediyse onu yükledikten sonra localStorage'a kaydedebileceğinizi tahmin ediyorum (bunu componentDidMount'ta kontrol edebilirsiniz). Bunu JSON ısrarla saklamak istiyorsanız ve ferahlatıcı sonra kullanmak mümkün olmaktan daha fazlasını isterseniz

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) 
     }); 
    } 
} 

(aşağıda kod test edilmemiştir) kullanarak, arka uçta yapmalı. Ayrıca, kullanıcının dosyayı here açıklandığı gibi elle (bir indirme istemi ile) kaydetmesine izin verebilirsiniz.

Answer 2

, istemci/tarayıcıdan bunu yapmak için hiçbir yolu yoktur. Bunu arka uçta yapacaksın.