我菜了，为什么在这里写一个函数，入参就可以收到dispatch

Question

**// 为什么可以收到dispatch????**

export const login = (form:AuthForm)=>(dispatch:AppDispatch)=>auth.login(form).then(user=>dispatch(setUser(user)))

export const register = (form: AuthForm)=>(dispatch:AppDispatch)=>auth.register(form).then(user=>dispatch(setUser(user)))

export const logout = ()=>(dispatch:AppDispatch)=>auth.logout().then(()=>dispatch(setUser(null)))

export const bootstrap = ()=>(dispatch:AppDispatch)=>bootstrapUser().then(user=>dispatch(setUser(user)))

Answer 1

Nolan 2021-07-03 00:57:44

这里确实比较绕，这里形参是dispatch，是因为下面的这一句，这个dispatch调用的时候会传入一个dispatch方法。这个需要仔细想一想，形参和实(传)参

(form: AuthForm) => dispatch(authStore.register(form)),

• 慕先生0497617 #1

  “dispatch调用的时候会传入一个dispatch方法”   这句话里，dispatch方法是怎么传入进去的？

• 慕妹6538969 #2

  同问，为什么在 dispatch 里面传递一个函数，它会自动调用里面的函数并传入一个 dispatch ，我官方文档也翻了，硬是没找到里面可以直接传一个函数

• 我很容易上手 回复 慕妹6538969 #3

  这个是redux-thunk 中间件在拦截 action 的时候发现传入的是 fn 类型的action,所以才返回函数并传入一个 dispatch
   if (typeof action === 'function') {
          // Inject the store's `dispatch` and `getState` methods, as well as any "extra arg"
          return action(dispatch, getState, extraArgument)
        }