Setting preloader in axios

Asked Aug 20 '19 at 12:37

Active Aug 20 '19 at 13:17

Viewed 337 times

When requesting url: / api / v1 / todos I set the preloader. The function todo () is called inside the todos () function. Inside the todo () function, the request / api / v1 / todos / $ {todoId} is also called. A jump occurs. The preloader appears, disappears. And then appears. How to set the preloader to appear only on the request / api / v1 / todos / $ {todoId}, not / api / v1 / todos /.

axios.interceptors.request.use(function(config) {
  if (config.url === `/api/v1/todos`) {
    document.body.classList.add('preloader');
}

componentDidMOunt() {
    this.todos();
}

todos = (idGroupTasks) => {
    axios({
        url: `/api/v1/todos`,
        method: "GET"
    })
    .then(res => { 
        this.setState({
            todos: res.data
        });
        this.todo(res.data[0].id)
    })
    .catch(error => {
        console.log(error);
    }) 


}

todo = (idTodo) => {
    axios({
        url: `/api/v1/todo/{idTodo}`,
        method: "GET"
    })
    .then(res => { 
        this.setState({
            todos: res.data
        });
    })
    .catch(error => {
        console.log(error);
    }) 
}

edited Aug 20 '19 at 13:17

asked Aug 20 '19 at 12:37

Umbro

1,984
12
40
99

Possible duplicate of [How do I return the response from an asynchronous call?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) – Etheryte Aug 20 '19 at 12:41
@Nit Where does it write here about axios.interceptors: https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call ? – Umbro Aug 20 '19 at 12:45
@Nit How does your article solve my problem? – Umbro Aug 20 '19 at 12:46
Can you debug/console `config.url` and `config.baseURL` when this `/api/v1/todos/${todoId}` goes at the interceptor – ambianBeing Aug 20 '19 at 12:58
@ambianBeing Inside `if` I can't – Umbro Aug 20 '19 at 13:08
@Umbro I meant before the `if` ofcourse because your clause is based on that. – ambianBeing Aug 20 '19 at 13:11
@ambianBeing before the `if` I can – Umbro Aug 20 '19 at 13:12
@Umbro Your problem stems not from interceptors but from incorrect asynchronous flow. – Etheryte Aug 20 '19 at 13:13
@Nit I updated my answer I put this.todo(res.data[0].id) inside then – Umbro Aug 20 '19 at 13:17
@Nit Advise something – Umbro Aug 20 '19 at 13:19

Setting preloader in axios

0 Answers0