未处理的拒绝(类型错误)：无法读取未定义的属性'status'

Question

我正在使用redux工具包和做API调用。然而，我得到的错误:未捕获(在promise中)TypeError:无法读取未定义的属性'status'在SignUpForm。otpEmailCallBack (signUp.jsx: 215)在api.js: 50

otpEmailCallBack = (res) => {
if (res.status === 200) {
toast(<AlertSuccess message={res.data.otp} />);
this.props.updateStep(null, 4);
this.props.updateVerifyEmail({
otp: res.data.otp,
email: this.state.data.email,
code: res.data.code,
});
} else {
toast(<AlertError message={res.data.error} />);
}
};

任何帮助都是感激的。

Answer 1

您没有将res从api传递到otpEmailCallback，这就是为什么它在被调用时接收到未定义的值。为了处理这个问题，你可以在将响应作为回调传递给sendEmailOtp函数

时将其绑定到函数。

emailCallback = (res) => {
if (res.status === 200) {
const emailParams = {
email: this.state.data.email
};
this.props.sendEmailOtp(emailParams, this.otpEmailCallBack.bind(this, res));
} else {
this.setState({
loader: false,
btnClass: "btn btn-lg btn-primary btn-block",
});
toast( < AlertError message = {
res.data.error
}
/>);
} 
};