Question

我正在关注如何将与redux的反应链接到django api的教程here。我已经设置了django API并确认它正常工作。但是尝试连接会对它做出反应我遇到了一个我无法解决的问题。

注意：可以查看教程中的代码on github。我认为问题在Login.js文件中，其代码如下：

const Login = (props) => {
    if (props.isAuthenticated) {
        return (
            <Redirect to='/'/>
        )
    }
    return (
        <div className="login-page">
            <FormHome {...props}/>
        </div>
    )
};

const mapStateToProps = (state) => ({
    errors: authErrors(state),
    isAuthenticated: isAuthenticated(state)
})

const mapDispatchToProps = (dispatch) => ({
    onSubmit: (username, password) => {
        dispatch(login(username, password))
    }
})

export default connect(mapStateToProps, mapDispatchToProps)(Login);

每次提交表单时，都会收到错误

错误：操作可能没有未定义的＆＃34;类型＆＃34;属性。有你拼错了？

我基本上复制并粘贴了该教程/ repo中的大部分代码。然而，每当我尝试提交表单时，它都会给我错误。

登录操作：

export const login = (username, password) => ({
    [RSAA]: {
        endpoint: '/api/auth/token/obtain/',
        method: 'POST',
        body: JSON.stringify({username, password}),
        headers: { 'Content-Type': 'application/json' },
        types: [
            LOGIN_REQUEST, LOGIN_SUCCESS, LOGIN_FAILURE
        ]
    }
});

错误：操作可能没有未定义的＆＃34;类型＆＃34;提交反应表单

0 个答案: