在react redux中逐步调度,是不是?

时间:2017-04-07 12:12:40

标签: javascript reactjs react-redux

我们假设我们有React Redux应用程序。应用程序从服务器获取数据并将其附加到列表中(listAppend操作)。在fetch过程中,应用程序显示加载栏(requestBegin,requestEnd actions)。简单的例子是下面的

fb.updatePreferences();

请求结束后逐步调度是否正确?

1 个答案:

答案 0 :(得分:2)

这是正确的,技术上称为thunk

但是由于您使用的是ES6,我会使用新的await关键字,最后代码可能会是这样的:

export const fetchPageNum = () => {
  return async (dispatch, getState) => {
    try {
      dispatch(requestBegin())
      const response = await fetch(url)
      const json = await response.json()
      dispatch(pageNumSuccess(page_num))
      dispatch(listAppend(json))
    } catch (e) {
      // log error
    }
    dispatch(requestEnd())
  }
}