如何封装这个函数？

作者站长头像
站长
· 阅读数 12

export function getMovies(data) {
  return async (dispatch, getState) => {
    dispatch({ type: "loading/turnOn" })
    let [err, response] = await to(api.getMovies(data))
    if (err) {
      dispatch({ type: "loading/turnOff" })
      return Promise.reject(err.message)
    }
    dispatch({ type: "loading/turnOff" })
    return Promise.resolve(response)
  }
}

这是我的actionCreator代码，crud所有的代码都一样，只需要改一个 “getMovies" 这个名字，所以我想要把这个函数封装一下，每次只需要传入一个函数名字就行了。求大佬给封装一下？？ 感谢

回复
1个回答
avatar
test
2024-07-02
export function createAction(actionName) {
  return async (dispatch, getState) => {
    dispatch({ type: "loading/turnOn" })
    let [err, response] = await to(api[actionName](data))
    if (err) {
      dispatch({ type: "loading/turnOff" })
      return Promise.reject(err.message)
    }
    dispatch({ type: "loading/turnOff" })
    return Promise.resolve(response)
  }
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容