当动作具有需要使用动作/ api检索的子动作时,正确的存储结构

时间:2016-07-24 06:10:35

标签: reactjs reactjs-flux

我真的很陌生,我有一个结构问题......

我有以下结构:

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"
           }
        }
      }
   }
}

我通过动作检索案例列表并将其存储在react存储中,现在其中一个案例中有一个照片列表,需要检索filePath并使用单独的action / api存储。

调用filePaths action / api调用完全独立于案例操作并将filePaths的结果分开存储更为正确。 或者它可能是案件行动的一部分并存储为案例照片的孩子? (意思是我能够做state.cases.list [0] .photo [0] .filePath)。

最好的办法是什么?

感谢。

1 个答案:

答案 0 :(得分:0)

您的方法是正确的我们应尽量避免多个API调用/请求

只做

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

让你的文件分开