title: Fetch delete request method using react redux is not deleting
body: <p>i'm trying to use fetch delete request method to delete item in my localhost server using react redux</p>
  
  <p>method to call</p>
  
  <pre><code> deleteItem(e) {
      e.preventDefault();
      const id = this.props.id;
      this.props.deleteSet(id);
    }
  </code></pre>
  
  <p>Dispatching the action</p>
  
  <pre><code>const mapDispatchToProps = dispatch =&gt; ({
    deleteSet: id =&gt; dispatch(deleteSet(id)),
  });
  </code></pre>
  
  <p>Action</p>
  
  <pre><code>export function deleteSetSuccess(id) {
    return {
      type: "DELETE_SET_SUCCESS",
      id,
    };
  }
  
  export function deleteSet(data) {
    return (dispatch) =&gt; {
      fetch(`${apiUrl}orgs/1/sets/${data}`, {
        method: "DELETE",
        body: JSON.stringify(data),
        headers: new Headers({
          "Content-Type": "application/json",
        }),
      }).then(response =&gt; response)
        .then(id =&gt; dispatch(deleteSetSuccess(id)));
    };
  }
  </code></pre>
  
  <p>Reducer</p>
  
  <pre><code>export function deleteSetSuccess(state = '', action) {
    switch (action.type) {
      case "DELETE_SET_SUCCESS":
        return action.id;
  
      default:
        return state;
    }
  }
  </code></pre>
  
  <p>response from the localhost server</p>
  
  <pre><code>DELETE http://localhost:8080/distinction-2.0-alpha2/api/orgs/1/sets/8 400 (Bad Request)
  </code></pre>