Window.locatin, предотвращающий удаление данных

Question

У меня есть кнопка, при нажатии которой я хочу удалить объект.Вот моя кнопка:

<Button onClick={this.handleDelete.bind(this)}> 
    Delete 
</Button>

А вот моя handleDelete:

handleDelete() {
    axios
      .delete(
        `http://proiectdepozite.laravel/api/clienti/${this.state.client.id}`
      )
      .then((window.location = "/clienti"))
      .catch(error => console.log(error));
  }

Теперь, если я нажму кнопку, она перенаправит меня туда, куда я хочу, но этоне буду ничего удалять.Я попытался закомментировать .then(....), и все работает как надо.Где ошибка?

Answer 1

axios.delete('url', { data: payload }).then(
  // Observe the data keyword  Very important
  // payload is the request body

   ()=>(window.location = "/clienti")//you can pass as pipe function


)

Answer 2

. Затем метод нуждается в функции обратного вызова, но вы просто передаете некоторое выражение.

handleDelete() {
    axios
      .delete(
        `http://proiectdepozite.laravel/api/clienti/${this.state.client.id}`
      )
      //try this
      .then(()=>(window.location = "/clienti"))
      .catch(error => console.log(error));
  }

//use async await
async handleDelete() {
   try{
    let result = await axios.delete(
       `http://proiectdepozite.laravel/api/clienti/${this.state.client.id}`
      )

     if(result){
       //success logic 
       window.location = "/clienti"
     }

  }
  catch(e){
    throw e;
  }
}