Redux axios 操作在函数请求中包含变量参数

Question

目前我正在努力完成后续任务，我想这应该很简单。

我有一个 userAction.jsx 文件，我可以在其中调用 API 来检查用户是否存在。我想制作我随 api 调用变量发送的参数，以便使此函数更加灵活和可重用。

函数如下所示；

export function userExists(email) {

    return function(dispatch) {

        axios.get('http://apiserver.com/api/users.php', {
            params : {
                email : email
            }
        })
            .then((response) => {
                dispatch({ type : "USER_EXISTS_FULFILLED", payload : response.data })
            })
            .catch((err) => {
                dispatch({ type : "USER_EXISTS_REJECTED", payload : err })
            });
    }
}

带有参数的 'params' 部分应该变成变量，这样我就可以在调度程序中做这样的事情 => dispatch(userExists({ email : values.email })。我不明白当我做这样的事情时，它才能使它工作：

export function userExists(params) {

    return function(dispatch) {

        axios.get('http://apiserver.com/api/users.php', {
            params : {
                params
            }
        })
            .then((response) => {
                dispatch({ type : "USER_EXISTS_FULFILLED", payload : response.data })
            })
            .catch((err) => {
                dispatch({ type : "USER_EXISTS_REJECTED", payload : err })
            });
    }
}

Answer 1

您需要展开对象：

params: {
    ...email
}

Redux axios 操作在函数请求中包含变量参数

Redux axios action include variabel params in request from function

javascript

object

reactjs

redux

axios