Я пытаюсь разослать карты и остаться из выборки в хранилище (приставка), но я получаю эту ошибку, и она останавливает дальнейшее выполнение функции.
это я пытался удалить оставшиеся и deck_id, и он работает, но когда я включаю оставшиеся, он останавливается
export const fetchDrawCard = deck_id => dispatch =>{
return fetch(`${API_ADDRESS}/deck/${deck_id}/draw`)
.then(response => {
if(response.status != 200){
throw new Error('Unsuccesfull Requrest to deckofcardsapi.com')
}
return response.json();
// console.log(response.json());
})
.then(json => {
console.log(json);
console.log(json.cards);
console.log(json.remaining);
dispatch({
type: DECK_DRAW.FETCH_SUCCESS,
cards:json.cards,
remaining: json.remaining
}) ;
console.log('Fetch Success');
})
.catch( error=>dispatch({ type: DECK_DRAW.FETCH_ERROR, message: error.message}))
let DEFAULT_DECK = { deck_id: '', remaining: 0, fetchState: '', message: '', cards: [], };
const deckReducer = (state = DEFAULT_DECK, action) => {
let cards, remaining;
switch(action.type){
case DECK.FETCH_SUCCESS:
const {remaining, deck_id} = action;
return{ ...state, remaining, deck_id, fetchState : fetchStates.success};
case DECK.FETCH_ERROR:
return { ...state, message: action.message, fetchState : fetchStates.error};
case DECK_DRAW.FETCH_SUCCESS:
// ( { cards, remaining} = action);
remaining = action.remaining;
deck_id = action.deck_id;
// cards = action.cards;
// console.log(action.remaining);
// console.log(deck_id);
// console.log(remaining);
return { ...state,cards, remaining, fetchState: fetchStates.success};
// return { ...state, cards, remaining, fetchState: fetchStates.success};
case DECK_DRAW.FETCH_ERROR:
console.log('Fetch Error');
return { ...state, cards, remaining, fetchState: fetchStates.error};
default :
return state ;
};
он должен регистрировать только сам успех отправки, но следит за успехомпо ошибке остановился в диспетчерской функции далее