严选taro项目request Promise链式操作一点理解

最新推荐文章于 2024-12-25 16:47:13 发布

原创最新推荐文章于 2024-12-25 16:47:13 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个在Redux中处理请求的方法，通过定义一个通用的createAction函数来简化请求操作，并展示了如何在组件中调用该方法来获取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

redux中定义request请求回调
export function createAction(options) {
  const { url, payload, method, fetchOptions, cb, type } = options
  return (dispatch) => {
    return fetch({ url, payload, method, ...fetchOptions }).then((res) => {
      dispatch({ type, payload: cb ? cb(res) : res })
      return res
    })
  }
}

外部调用: 
export const dispatchHome = payload => createAction({
  url: API_HOME,
  type: HOME_INFO,
  payload
})
此时返回为:
(dispatch) => {
  return fetch({ url, payload, method, ...fetchOptions }).then((res) => {
      dispatch({ type, payload: cb ? cb(res) : res })
      return res
    })
}

在home里调用:
this.props.dispatchHome().then(() => {
  this.setState({ loaded: true })
})
这里默认传入dispatch参数，.then()处理可以传入res