richtige Speicherstruktur, wenn eine Aktion Kind hat, die mit einer Aktion/api abgerufen werden muß

Question

mir wirklich bin neu zu reagieren und ich habe eine Struktur Frage ...

Ich habe die folgende Struktur:

cases:{ 
    isFetching(pin):false, 
    isReady(pin):true, 
    errorMessage(pin):"", 
    list:{ 
     0:{ 
     id: "f8628ec8-5eRc-4d95-epj2-189ed8da", 
     userId(pin):"189ed8da-eff2-4d95-a76d-6fc794aa2bce" 
     name: "james", 
     photos:{ 
      0:{}, 
      1:{ 
      userId(pin):"189ed8da-eff2-4d95-a76d-6fc794aa2bce" 
      timestamp(pin):"2016-07-20T15:32:59.034+0000" 
      id(pin):"b9628ec8-2efc-471c-8c84-16a7125d131e" 
      } 
     } 
     } 
    } 
} 

Ich lese die Fallliste mit einer Aktion und speichere sie im React Store, jetzt hat einer der Fälle eine Liste von Fotos, die der filePath mit einer separaten Aktion/api abrufen und speichern muss.

Ist es richtiger, filePaths action/api-Aufruf getrennt vollständig von der case-Aktion aufzurufen und das Ergebnis der filePaths getrennt zu speichern. Oder könnte es ein Teil der Fälle Aktion sein und als Kind eines Fallfotos gespeichert? (was bedeutet, dass ich state.cases.list [0] .photo [0] .filePath) ausführen kann.

was ist der beste weg todo es?

Danke.

Answer 1

Ihre Methode ist richtig Wir sollten mehrere API-Aufrufe zu vermeiden versuchen/Wünsche so weit wie möglich

Just do

state.cases.list[0].photo[0].filePath 

Dateien parth zu bekommen