Axios catch will not trigger
up vote
0
down vote
favorite
I have a react app that the user will enter info into a redux form and the function is called. I have a axios post that will not catch an error. I'm not sure what this is happening.
export function vehicleformsubmit(props){
const input={
rfidtag: rfidtag.value,
vin: vin.value,
vehzone: vehzone.value
};
var request=axios.post(`http://localhost:9000/api/bmwvehicle/create`, input);
return function(dispatch){
request.then((response) =>{
dispatch(createVehicleSuccess(response.data, response.status));
}).catch((error) =>{
if(error.response){
dispatch(vehicleHaveError(true));
}
});
};
}
This is that I get back:
createError.js:16 Uncaught (in promise) Error: Request failed with
status code 500
at createError (createError.js:16)
at settle (settle.js:18)
at XMLHttpRequest.handleLoad (xhr.js:77)
react-redux axios redux-form react-thunk
asked Nov 9 at 16:32
Roro
497
add a comment |
up vote
0
down vote
favorite
I have a react app that the user will enter info into a redux form and the function is called. I have a axios post that will not catch an error. I'm not sure what this is happening.
export function vehicleformsubmit(props){
const input={
rfidtag: rfidtag.value,
vin: vin.value,
vehzone: vehzone.value
};
var request=axios.post(`http://localhost:9000/api/bmwvehicle/create`, input);
return function(dispatch){
request.then((response) =>{
dispatch(createVehicleSuccess(response.data, response.status));
}).catch((error) =>{
if(error.response){
dispatch(vehicleHaveError(true));
}
});
};
}
This is that I get back:
createError.js:16 Uncaught (in promise) Error: Request failed with
status code 500
at createError (createError.js:16)
at settle (settle.js:18)
at XMLHttpRequest.handleLoad (xhr.js:77)
react-redux axios redux-form react-thunk
asked Nov 9 at 16:32
Roro
497
Any reason why you're doingreturn function(dispatch){...?
– Mrchief
Nov 10 at 1:06
I thought that was how I would return the dispatch....is this not correct?
– Roro
Nov 12 at 15:43
Depends on your implementation. You're returning a function which someone needs to invoke. Usually you'd just return the promise:return request.then(...)
– Mrchief
Nov 12 at 15:52
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have a react app that the user will enter info into a redux form and the function is called. I have a axios post that will not catch an error. I'm not sure what this is happening.
export function vehicleformsubmit(props){
const input={
rfidtag: rfidtag.value,
vin: vin.value,
vehzone: vehzone.value
};
var request=axios.post(`http://localhost:9000/api/bmwvehicle/create`, input);
return function(dispatch){
request.then((response) =>{
dispatch(createVehicleSuccess(response.data, response.status));
}).catch((error) =>{
if(error.response){
dispatch(vehicleHaveError(true));
}
});
};
}
This is that I get back:
createError.js:16 Uncaught (in promise) Error: Request failed with
status code 500
at createError (createError.js:16)
at settle (settle.js:18)
at XMLHttpRequest.handleLoad (xhr.js:77)
react-redux axios redux-form react-thunk
asked Nov 9 at 16:32
Roro
497
I have a react app that the user will enter info into a redux form and the function is called. I have a axios post that will not catch an error. I'm not sure what this is happening.
export function vehicleformsubmit(props){
const input={
rfidtag: rfidtag.value,
vin: vin.value,
vehzone: vehzone.value
};
var request=axios.post(`http://localhost:9000/api/bmwvehicle/create`, input);
return function(dispatch){
request.then((response) =>{
dispatch(createVehicleSuccess(response.data, response.status));
}).catch((error) =>{
if(error.response){
dispatch(vehicleHaveError(true));
}
});
};
}
This is that I get back:
createError.js:16 Uncaught (in promise) Error: Request failed with
status code 500
at createError (createError.js:16)
at settle (settle.js:18)
at XMLHttpRequest.handleLoad (xhr.js:77)
react-redux axios redux-form react-thunk
react-redux axios redux-form react-thunk
asked Nov 9 at 16:32
Roro
497
asked Nov 9 at 16:32
Roro
497
asked Nov 9 at 16:32
Roro
497
asked Nov 9 at 16:32
Roro
497
asked Nov 9 at 16:32
Roro
497
497
Any reason why you're doingreturn function(dispatch){...?
– Mrchief
Nov 10 at 1:06
I thought that was how I would return the dispatch....is this not correct?
– Roro
Nov 12 at 15:43
Depends on your implementation. You're returning a function which someone needs to invoke. Usually you'd just return the promise:return request.then(...)
– Mrchief
Nov 12 at 15:52
add a comment |
Any reason why you're doingreturn function(dispatch){...?
– Mrchief
Nov 10 at 1:06
I thought that was how I would return the dispatch....is this not correct?
– Roro
Nov 12 at 15:43
Depends on your implementation. You're returning a function which someone needs to invoke. Usually you'd just return the promise:return request.then(...)
– Mrchief
Nov 12 at 15:52
Any reason why you're doing
return function(dispatch){...?– Mrchief
Nov 10 at 1:06
Any reason why you're doing
return function(dispatch){...?– Mrchief
Nov 10 at 1:06
I thought that was how I would return the dispatch....is this not correct?
– Roro
Nov 12 at 15:43
I thought that was how I would return the dispatch....is this not correct?
– Roro
Nov 12 at 15:43
Depends on your implementation. You're returning a function which someone needs to invoke. Usually you'd just return the promise:
return request.then(...)– Mrchief
Nov 12 at 15:52
Depends on your implementation. You're returning a function which someone needs to invoke. Usually you'd just return the promise:
return request.then(...)– Mrchief
Nov 12 at 15:52
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53229723%2faxios-catch-will-not-trigger%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Any reason why you're doing
return function(dispatch){...?– Mrchief
Nov 10 at 1:06
I thought that was how I would return the dispatch....is this not correct?
– Roro
Nov 12 at 15:43
Depends on your implementation. You're returning a function which someone needs to invoke. Usually you'd just return the promise:
return request.then(...)– Mrchief
Nov 12 at 15:52