javascript - Redux 不会通过调度调用另一个函数

Question

在 redux-thunk 中调用调度后，我在调用函数时遇到问题。它调用“console.log”等常规函数，但忽略上面声明的函数。我被困住了，不知道如何解决这个问题。

操作

export const loadUser = () => async (dispatch) => {
    if(localStorage.token) {
        setAuthToken(localStorage.token)
    }

    try {
        const res = await axios.get('/auth')

        dispatch({
            type: USER_LOADED,
            payload: res.data
        })
    } catch(err) {
        dispatch({
            type: AUTH_ERROR
        })
    }
}


export const login = (formData) => async(dispatch) => {
    const config = {
        headers: {
            'Content-Type' : 'application/json'
        }
    }

    try {
        const res = await axios.post('/auth', formData, config)

        dispatch({
            type: LOGIN_SUCCESS,
            payload: res.data
        })

        loadUser() // THIS FUNCTION IS IGNORED
        console.log('test') // but this one is called.
    } catch(err) {
        dispatch({
            type: LOGIN_FAIL,
            payload: err.response.data.msg
        })
    }
}```

Answer 1

loadUser() 返回一个 thunk，因此您需要分派(dispatch)它:

dispatch(loadUser());