DRY在redux reducer中设置加载状态

时间:2018-05-31 01:37:44

标签: javascript reactjs redux

我要带一个真实案例,以便我能更好地解释它。我有一个用户可以申请工作的webapp,所以我有一个职业减少者,行动将是creating_job,created_job,fetching_job,fetched_job,fecthing_jobs,fetched_jobs,applied_job,appliled_job,faving_job,faved_job等。

起初,我认为加载状态非常简单,我有这样的初始状态

const initialState = {
   loading: true
}

然后在created_job中将其设置为false。但这并不适用于所有情况,我无法为所有人分享一个加载状态。所以,稍后,我将它们命名为“

const initialState = {    creating_job_loading: true,   
fetching_job_loading: true,    fecthing_jobs: true    //etc }

如何让这更干?有没有我可以处理的中间件?

1 个答案:

答案 0 :(得分:0)

作为一个学习者,我喜欢这种方法。如果我不误解,你想要保持全球加载状态。所以创建一个进度或加载状态,然后使用这样的reducer:

`color_code = '444' `
`driver.find_element_by_partial_link_text(color_code)` 

对于每个操作,在完成作业调度递减时调度增量。因此,在完成每项工作之前,您将处于进展或加载状态。