Fetch supprimer la méthode de requête à l'aide réagir Redux ne supprime pas

Question

je suis en train d'utiliser chercher supprimer la méthode de requête pour supprimer l'élément dans mon serveur localhost en utilisant réagir Redux

méthode pour appeler

deleteItem(e) { 
    e.preventDefault(); 
    const id = this.props.id; 
    this.props.deleteSet(id); 
    } 

Dispatching l'action

const mapDispatchToProps = dispatch => ({ 
    deleteSet: id => dispatch(deleteSet(id)), 
}); 

action

export function deleteSetSuccess(id) { 
    return { 
    type: "DELETE_SET_SUCCESS", 
    id, 
    }; 
} 

export function deleteSet(data) { 
    return (dispatch) => { 
    fetch(`${apiUrl}orgs/1/sets/${data}`, { 
     method: "DELETE", 
     body: JSON.stringify(data), 
     headers: new Headers({ 
     "Content-Type": "application/json", 
     }), 
    }).then(response => response) 
     .then(id => dispatch(deleteSetSuccess(id))); 
    }; 
} 

Réducteur

export function deleteSetSuccess(state = '', action) { 
    switch (action.type) { 
    case "DELETE_SET_SUCCESS": 
     return action.id; 

    default: 
     return state; 
    } 
} 

réponse du serveur localhost

DELETE http://localhost:8080/distinction-2.0-alpha2/api/orgs/1/sets/8 400 (Bad Request) 

Answer 1

A valid HTTP DELETE request doesn’t have a request body -et donc n'a pas besoin d'en-tête de demande Content-Type soit, mais le code de demande dans la question envoie des données le corps de la requête, avec un en-tête de demande Content-Type. On peut supposer que votre serveur décide qu'il ne s'agit pas d'une demande DELETE valide et qu'il répond donc avec une "Bad Request" de 400 pour l'indiquer.