使用Redux Saga处理许多嵌套加载状态的最佳策略

时间:2018-09-20 17:39:55

标签: reactjs redux react-redux redux-saga saga

我有一个稍微复杂的React / Redux Web应用程序,该应用程序具有多个视图,这些视图同时(动态)访问来自Web服务/ REST API的相同类型/不同ID数据,例如其中一个处理 /my-resource/1,另外一个可以处理/my-resource/2,而第三个交易 以及来自/my-resource的一般列表,内容较少。来自的对象 /my-resource/: id有点复杂,其中包含一些子列表(每个子列表 基于ID的数据(可以更新/添加)和其他数据。

处理诸如以下内容的请求的loading状态的最佳方法是什么?

  • POST /my-resource/:id/nested-resource/:id
  • PUT /my-resource/:id/another-nested-resource/:id
  • PATCH /my-resource/:id

请注意,我可能需要从整个对象更新数据(例如 描述性状态)或添加/更新/删除子列表中的某些数据。我 想要显示单个的加载指标,而不阻塞整个对象, 但我愿意保持简单(甚至可以使用其他方法) 佐贺)。

我目前的想法是:

  • 传递一个回调/承诺以供每个传奇调用/解决;
  • 将所有loading状态保留在商店中;
  • 通过getDerivedStateFromProps检测道具的变化

还有其他想法吗?还是我应该保持简单并使用共享的loading状态?

0 个答案:

没有答案