我有一个稍微复杂的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
状态?