Как вызывать action когда надо?

Question

[d1zz74]

Есть action login, который вызывается при onSumbit:

const onSubmit = data => {
        console.log(data);
        dispatch(login(data));
    }

И сам action:

export function login(data) {
    return dispatch => {
      return axios.post('http://localhost:5000/api/auth/login', data).then(res => {
            console.log(res)
            const token = res.data.token;
            localStorage.removeItem('jwtToken');
            localStorage.setItem('jwtToken', token);
            dispatch(loadUser(token));
        })
        .catch(function (error) {
            dispatch(returnErrors(error.message, error.status, "signIn"))

        });
    }
}

Но дело в том когда захожу на страницу где форма, то вызывается это действие, но поскольку нет данных когда сам вызывается срабатывает блок catch.

Answer 1

[d1zz74]

Использовал mapDispatchToProps и всё ок теперь.